collapse

Thanks to @ifaour for a lot of his help! This script includes: Jquery accordion using unordered lists. Active and Inactive states with toggling bullet arrow images Expand All / Collapse All that swaps its text. Equal height columns that expand and collapse when the accordion expands and collapses You can view a demo here http://jsbin.com/ucobo3/24/ (function($) { $.fn.equalHeights = function(minHeight, maxHeight) { tallest = (minHeight) ? minHeight : 0; this.each(function() { if($(this).height() > tallest) { tallest = $(this).height(); } }); if((maxHeight) && tallest > maxHeight) tallest =

I'm looking for an api like isExpanded() or isCollapsed() that tell me if a group is expanded or collapsed. You can use isGroupExpanded . expListViewObj.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() { @Override public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) { if(parent.isGroupExpanded(groupPosition)) { // Do your Staff } else{ // Expanded ,Do your Staff } return false; } }); For more details you can visit Here http://developer.android.com/reference/android/widget/ExpandableListView.html#setOnGroupClickListener(android.widget

I'm trying to implement a 100% height accordion using the Twitter Bootstrap collapse component, exactly as described in this question . I'm manually setting the heights of the .accordion-inner elements as described in this answer . However I'm experiencing "bouncy" behaviour when expanding/collapsing the panels. I have removed all padding/margin/border from the .accordion-inner elements to eliminate that possibility. It is most noticeable in IE10, however the problem is also evident in Chrome. See this example . Any ideas what is causing this "jumpy" behaviour? Late to the party, but: I had a

I'm using Bootstrap 3.0 to show a navbar with some links and a search field. When i go to "mobile version" i have a button that collapses the navbar and show all the content: the links and the search field. Now I need two buttons, one to collapse only the links of the navbar and the other button to collapse only the search field. How can i make this? Separate the links and the search form into two navbar-collapse elements and have each button target the corresponding one: Sample markup: <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button"

I have created in Jquery one function to expand and collapse the content of a div. BUt now I would like to make it only with CSS and also use an image of an arrow, like these ones View Live jsFiddle I also would like to eliminate all these tag span and keep only the div and it's content Here the code I have so far. <div class='showHide'> <span class='expand'><span id="changeArrow">↑</span>Line expand and collapse</span> <fieldset id="fdstLorem">Lorem ipsum...</fieldset> </div> $(document).ready(function () { $('.showHide>span').click(function () { $(this).next().slideToggle("slow"); return

I have to create a table view (iPad app) that is able to show and collapse rows at different levels: - Client 1 - Category 1 - Info 1 - Info 2 - Category 2 - Info 1 - Info 2 - Category 3 - Info 1 - Info 2 - Client 2 - Category 1 - Info 1 - Info 2 and so on... If the user taps on a client row, the whole client related rows (Categories and infos under that client) should expand/collapse. In the other hand, if they tap on a particular Category only that category should expand/collapse. So i'm planning to have nested NSMutableDictionaries to hold data which i can access by dynamic keys (like