FAQ Database Discussion Community


Multiple jQuery UI Tabs on Page: Close all other tabs when another is opened

jquery,jquery-ui,tabs,jquery-ui-tabs,jquery-tabs
I've got several rows of of separate jQuery Tabs. How do I get the separated tabs to close when another is opened (so at max, 1 is open at any given time on the page): Markup: <!-- First Leadership Row --> <div id="leadershipTabs1" class="leadershipTabs leadershipContentContainer contentContainer clearfix"> <ul> <li><a href="#leader1-slug">Leader...

How to make element inside table switch tabs using jquery ui tabs

javascript,jquery,jquery-ui,tabs,jquery-ui-tabs
Hi what I'm trying to do is to create a a tabbed paged in which the elements inside the table can also be used to switch to another tab. I was able to make the tab work using jquery ui but the problem is when I click the element inside...

Jquery Tabs in loaded div

jquery,ajax,callback,load,jquery-ui-tabs
Simple Jquery Tabs does not work in "loaded" div. Originally had jquery in the external file. ajax rules nullify script in the external html on load. removed script from external html attempting to execute tabs through callback on load function. verified that tabs works on html in the index page,...

jquery tabs not recongnize tab ui panel id

jquery,jquery-ui-tabs
i try to find which tab is selected and if "mappanel" id selected do some thing. I using this : function wpuf_shortcode_map( $location, $post_id = null, $args = array(), $meta_key = '' ) { global $post; // compatibility if ( $post_id ) { wpuf_shortcode_map_post( $location, $post_id, $args ); return; }...

JQuery UI 1.11 Set tab to active

javascript,jquery,jquery-ui-tabs
I have Jquery 1.11 and I have been trying for hours to get the newly created tab to be set to active and show it. Jsfiddle I also would like to add an "x" on the tab to close the tab. I have went through a lot of posts on...

jQuery tabs: How to avoid display of tabs while loading? [duplicate]

javascript,jquery,jquery-ui,jquery-ui-tabs
This question already has an answer here: jQuery UI Tabs not hiding inactive tabs on load 3 answers I am using jQuery tabs for displaying certain lists. I was able to make the tabs work. Apparently, it displays all the content while it loads the tabs. Is there a...

jQuery tabs don't display as expected

jquery,jquery-ui,jquery-ui-tabs
I'm trying to put a lot of content into jquery tabs to make it look better, but everything I'm trying isn't working and I'm left with some bullet points followed by all the divs. I've gone through all the questions on here I can find, and applied the changes etc,...

jQuery tabs enable horizontal scroll

jquery,css,jquery-ui,jquery-ui-tabs,jquery-tabs
How to enable horizontal scrolling on jQuery tabs within a specific width on a single line. By default, jQuery UI plugin moves the last tab on next line. So, I've been using a workaround to increase the width by a bit by setting the css style as below, #tabs_div .scroller...

Bind click event to currently active tab

jquery,jquery-ui,jquery-ui-tabs
Is there a way to bind a click event to the currently active tab? At the moment, I'm capturing the active tab through the activate event and I can get the active tab's index, but I'm unsure how to add a click event to the active tab. Preferably the click...