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
Post a Comment