2010-11-02 25 views
4

我需要先<ul>可摺疊菜單可摺疊菜單打開,其他關閉jQuery中與jQuery

<div class="accordion" id="list1b"> 
    <a href="/index.php/jstride/vehicle"> Rides</a><ul class="navigation"> 
<li> 
    <a class="menu_user_profile_ride_edit user_add_ride" href="/index.php/jstride/vehicle">Post My Ride</a> 
</li> 
<li> 
    <a class="menu_user_profile_ride_edit user_edit_ride_new" href="/index.php/ride/recent">New Additions</a> 

</li> 
<li> 
    <a class="menu_user_profile_ride_edit user_edit_ride_popular" href="/index.php/ride/popular">Most Popular</a> 
</li> 
<li> 
    <a class="menu_user_profile_ride_edit user_edit_ride_myride" href="/index.php/myride">My Rides</a> 
</li> 
<li> 
    <a class="menu_user_profile_ride_edit user_ride_search" href="/index.php/advancedsearch">Search for Rides</a> 
</li> 
</ul>   
    <a href="/index.php/members/browse/controller/index">Friends</a> 
    <ul class="navigation"> 
    <li> 
     <a class="menu_user_edit_update user_edit_member" href="/index.php/members">Browse Members</a> 
    </li> 

    <li> 
     <a class="menu_user_edit_update user_edit_update" href="/index.php /user/updates">View Recent Update</a> 
    </li> 
    </ul> 
</div> 

當我到了首頁,我需要打開遊樂設施部分和朋友部分應該被關閉。請幫我解決這個問題

回答

3

this是什麼意思?

+0

Accordion是非常靈活的UI工具。我建議你使用它。 – pltvs 2010-11-02 08:21:11

0

通過您的加價來判斷,我認爲您所追求的內容與我在CMS中的內容非常相似。使用jQuery:

jQuery(document).ready(function($) { 
    $('#menu').accordionMenu(); 
} 

jQuery.fn.accordionMenu = function() { 
    return this.each(function() { 
     $('#menu ul').hide(); // hide all unordered lists 
     $('#menu li.selected ul').show(); // drop down selected item's sub-menu 
     $('#menu li a').click(function() { 
      var speed = 'fast'; 
      var checkElement = $(this).next(); 
      if (checkElement.is('ul')) { 
       if (!checkElement.is(':visible')) { 
        if ($('#menu ul:visible').length==0) { 
         checkElement.slideDown(speed).parent().addClass('open'); 
        } else { 
         $('#menu ul:visible').slideUp(speed, function() { 
          $(this).parent().removeClass('open'); 
          checkElement.slideDown(speed).parent().addClass('open'); 
         }); 
        } 
       } 
       return false; 
      } 
     }); 
    }); 
}; 

這個插件是基於http://www.i-marco.nl/weblog/jquery-accordion-3/編寫的。