隱藏元素點擊隱藏元素

我想切換類顯示在ul，以便它顯示/隱藏菜單，但我的JQuery不是很好，我似乎無法得到它的工作隱藏元素點擊隱藏元素

<nav> 
    <ul class="show"> 
    <li><a href="#sec01">about us</a></li> 
    <li><a href="#sec02">how it works</a></li> 
    <li><a href="#sec03">comments</a></li> 
    </ul> 
</nav> 
<div class="hamburger"></div> 
nav {position:relative; z-index:999; display:flex; height:70px; width:100%; background:none; @include centerer; font-weight:bold;font-family: 'Roboto', sans-serif; 
@include small{background:#DADADA;} 
@include xs {background:#DADADA;;}} 
nav ul {display:flex; list-style:none; flex-direction:row; 
    @include small{margin-top:160px;flex-direction:column;} 
    @include xs{flex-direction:column;}} 
nav li { padding:20px; text-transform: uppercase; 

    @include small{background:#fff; color:#000} 
    @include xs{background:#fff; color:#000;}} 
nav li:hover a {border-bottom:2px solid #ff0000;} 

nav a,nav a:visited { color:#fff;text-decoration: none;} 
nav a:hover,nav a:active {color:#fff; text-decoration: none; ; } 
.show{ 
visibility:hidden; 
} 
.hamburger{position:absolute; z-index:999;top:10px; right:10px; height:50px; width:70px; background:#000;

https://jsfiddle.net/hsaw3frL/

$(document).ready(function(){ 
$(".hamburger").click(function() { 
    $('ul').toggleClass("show"); 
}); 
});

來源

2017-01-12 tom harrison

類選擇符在'.c漢堡包'之前加一個點。 jquery有非常好的文檔https://api.jquery.com/category/selectors/ –

我很困惑，你試圖綁定到什麼點擊功能。 – Learning2Code

@ Learning2Code它看起來像他綁定到'div'。 –

有很多方法可以實現你正在嘗試的。

類的固定選擇，添加新的CSS屬性.hide，修復/給它一個id更新ul元素（你不想隱藏所有ul元素）

HTML

<ul id='menubar' class="show">

腳本

$(document).ready(function() { 
    $(".hamburger").click(function() { 
    $('#menubar').toggleClass("hide");//toggle this class 
    }); 
});

CSS

.hide{ 
display: none !important; 
}

來源

2017-01-12 23:47:06 Searching

對我來說這不工作在我的小提琴https://jsfiddle.net/hsaw3frL/6/ –

這是因爲jquery沒有加載。嘗試JAVASCRIPT設置，並將框架和擴展更改爲jquery – Searching

@tomharrison https://jsfiddle.net/p3tq1hjz/ – Searching

給這個一杆！

$(document).ready(function(){ 
    $(".hamburger").click(function() { 
     $("ul").toggleClass("show"); 
    }); 
})

來源

2017-01-12 23:38:26

似乎也不能在我的小提琴上工作，除非我失去了一些東西 –

@tomharrison，嘗試更新的版本。雖然我似乎無法找到'c-hamburger'元素？ –

對不起，應該只是漢堡已經編輯它現在反映這 –

隱藏元素點擊隱藏元素

回答

相關問題