WordPress的頂部菜單鏈接來顯示/隱藏div

Question

我想在我的wordpress模板的頂部菜單上有我的鏈接之一顯示頁面頂部點擊時隱藏的div。我怎麼能做到這一點與CSS類或網址？

Answer 1

您將使用jQuery toggleClass函數，該函數還需要額外的CSS類。

$('.button').on('click', function (e) { 
    $('div').toggleClass("show"); 
}); 

CSS：

div { 
    display: none; 
} 

div.show { 
    display: block; 
} 

這是很基本的，只會使它顯示和隱藏，你可以將某些過渡添加到它，使它看起來平整器或使用的slideToggle（）函數來代替。