jquery mobile collapsible - Only have one collapsable block open at one time -


i have jquery exapandable list, when click link opens in addition open previously. how can change if had mobile open click landline, opens landline closes mobile? want 1 item open @ 1 time.

js

$(document).ready(function() {         settimeout(function() {             // slide             $('#menu1 > li > a.collapsed + ul').slidetoggle('medium');             $('#menu1 > li > a').click(function() {             $(this).toggleclass('expanded').toggleclass('collapsed').parent().find('> ul').slidetoggle('medium');             });             $('#example1 .expand_all').click(function() {                 $('#menu1 > li >  a.collapsed').addclass('expanded').removeclass('collapsed').parent().find('>  ul').slidedown('medium');             });             $('#example1 .collapse_all').click(function() {                 $('#menu1 > li > a.expanded').addclass('collapsed').removeclass('expanded').parent().find('> ul').slideup('medium');             });         }, 250);     }); 

html

<div id="example1">     <ul id="menu1" class="example_menu">         <li><a class="collapsed">mobile</a>     <ul>         <li><h2>test1</h2><br>      </ul>     </li>         <li class="footer"><span> </span></li>         <li><a class="collapsed">landline</a>     <ul>         <li><h2>test2</h2><br>      </ul>     </li> 

jsfiddle http://jsfiddle.net/efurx/1/

i have made :) hope helps you. auto close collapsible

$('.openme').each(function() {     var coll = $(this);     coll.trigger('expand'); });  $('.openme').each(function() {     var coll = $(this);     coll.trigger('collapse');  }); 

good work


Comments