如何顯示和隱藏菜單欄

請參閱本菜單的設計：http://jordanek.eu/aktual/index6.html，我做了一個菜單（左側），其中有一些功能，比如當點擊白條「Vyrobce」，然後黃條「Vyrobce 「將出現，白色酒吧」Vyrobce「將會消失。當點擊黃色欄上的封閉環「X」「Vyrobce」這將與所有元素和白條「Vyrobce」消失將再次出現。如何顯示和隱藏菜單欄

問題是，當我點擊任何地方黃色欄上的「Vyrobce」除了再次關閉連接「X」白條「Vyrobce」的出現，並顯示在同一時間兩個菜單。但我一次只想展示一個酒吧。我怎麼能這樣做？

任何人可以幫助我解決這個問題？謝謝。

N.B.我使用這個javascript函數來顯示和隱藏我得到的形式：http://www.w3schools.com/jquery/jquery_hide_show.asp。您可以通過訪問給定的鏈接並查看源代碼來查看整個代碼。

<script> 
$(document).ready(function(){ 
    $("#headingOne").click(function(){ 
       $(".panel_heading1").hide(); 
    }); 
    $("#collapseOne").click(function(){ 
     $(".panel_heading1").show(); 
    }); 
});

來源

2014-11-08 Foysal Uddin Bony

從使用該網站面板有更多的問題比。回答你的問題，爲什麼不使用一種簡單的方法來切換活動類？您無需爲此創建單獨的標題。只需修改現有的標題。 – Timmerz 2014-11-08 14:01:43

還手風琴是常見的控制，所以你不應該有機會再創造它。你可以使用現有的嗎？ – Timmerz 2014-11-08 14:04:15

http://jqueryui.com/accordion/#collapsible – Banana 2014-11-08 14:05:32

#collapseOne你關閉事件結合到div，包裹整個區域。而是嘗試將點擊事件綁定到僅一個關閉鏈接：

$("#collapseOne [data-toggle='collapse']").click(function() { 
    $(".panel_heading1").show(); 
});

來源

2014-11-08 14:09:17 dfsq

我們說不出來的問題，如果我們不能看到整個代碼，但我想你也許對整個$("#collapseOne")應用點擊事件，而你需要的只是把它應用到了X鏈接裏面。

來源

2014-11-08 14:09:01

如何顯示和隱藏菜單欄

回答

相關問題