jQuery導航-需要幫助

Question

我正在一個手風琴樣式導航非常大的站點上工作（它不使用手風琴UI）。

單擊時有四個子菜單部分可切換為打開。 我突出顯示了活動鏈接。 剩下的一步是在子菜單中的頁面上時，保持當前活動子菜單處於打開狀態。 當我使用靜態頁面時，我可以將其保持打開狀態，但是在此站點上，導航是一個包含文件，因此我需要一些幫助，以動態方式保持這些部分的打開。

這是我正在使用的代碼：

<script type="text/javascript">
$(function(){

$('ul#menu3 ul').hide();                
$('ul#menu3 > li > a.drop').click(function(){
$(this).parent().children('ul').toggle("slow");
   return false;
   });                      
});
</script>

基本上，我需要一種將類應用於活動組以便顯示的方法。 任何幫助將不勝感激。

謝謝。

Answer 1

我會將子菜單動畫放入一個函數中，因此要調用該子菜單，請在您的href上使用

onclick="showSubMenu('id')"

該函數將處理滑動。然后，單擊需要出現子菜單的頁面，只需在頁面末尾添加一小部分

<script>document.ready(function() {showSubMenu('parent-id')});</script>

希望這可以幫助。

C

Answer 2

您可能需要動態地將類作為變量或自身應用到元素上。 例如

var page = 'ul#menu3';

然后使用此變量來觸發初始狀態，例如

$('#ul#menu3').show();

這將需要在與下拉列表相關的所有其他JavaScript之前運行

Answer 3

這就是我最終用來解決問題的方法：

$(function(){
$('#mainContentTabs').tabs();
$('#subContentTabBoxes').tabs();
$('.interior #subContent > ul > li > a.drop').click(function(){
$(this).parent().children('ul').toggle("slow");
     return false;
});

$(window).ready(function() {
$('li.products ul').show();
    $('li.technical ul').show();
    $('li.tips ul').show();
$('li.quicklinks ul').show();
});

謝謝。