2011-05-26 98 views
2

要看到什麼是麻煩看到jsFiddle。就是有一種方法來設置帶班「menutop」要像「的toogle」級(+)代碼列表,換言之,當點擊帖子,網頁等子菜單顯示。jQuery的菜單 - 切換問題

困擾我的第二件事是如何設置菜單的方式,當一個子菜單打開時的行爲,以及用戶點擊一些其他的子菜單,以前打開被關閉自然而然。

回答

1

我命名的的toogle處理功能,並稱之爲從menutop設置撥動類元素「本」,所以它看起來你更熟悉。

我只是補充說,確保只有一個部分可以是開放的同時

function hitMe(){ 
    if ($(this) .hasClass('toggle-open')) { 
    $(this) .removeClass('toggle-open') .addClass('toggle-closed') .empty('') .append('+') .parents('li') .children('ul') .slideUp(250); 
    $(this) .parent('.menutop') .removeClass('menutop-open') .addClass('menutop-closed'); 
    }else{ 
    $(".toggle-open").parent().click();//closes the previously opened menu 
    $(this) .parent('.menutop') .removeClass('menutop-closed') .addClass('menutop-open'); 
    $(this) .removeClass('toggle-closed') .addClass('toggle-open') .empty('') .append('–') .parents('li') .children('ul') .slideDown(250); 
} 
} 

$(".menutop").click(function(){ 
    hitMe.apply(
     $(this).find(".toggle") 
    ); 
} 
); 
+0

HTTP:/ /jsfiddle.net/hNddK/23/我想你就可以看到它在這裏 – 2011-05-26 18:33:06

+0

大job.Is可以在子菜單項中的一個被點擊,新的頁面從該鏈接打開,比留子開設的toogle上新加載的頁面。 tnx – user642523 2011-05-27 06:41:39

1

Here's a revision.增加了關閉所有功能,然後我還添加了菜單頂級基本上爲擴充選項卡中的同樣的事情,一個單擊處理程序。希望能幫助到你!

+0

THX試圖幫助me.Work因爲我想一個線,但新的問題arised:現在時關閉打開的點擊子菜單,不工作,和它的+ - 不斷 – user642523 2011-05-26 18:29:29

+0

哦,忘了將文本更改爲「+」。修正它在這裏http://jsfiddle.net/hNddK/24/。我還在子菜單點擊上添加了一個警告,似乎正在工作。你是什​​麼意思,它不工作? – 2011-05-26 18:36:32

+0

當我點擊+一切正常,但現在然後再次點擊時 - 其文字還停留 - 和子菜單顯示insted的待關閉,文字變爲+ – user642523 2011-05-26 18:40:14