WordPressトップメニューを表示する/ divを表示する/表示を隠す

Question

私はクリックしたときにページの上部に隠されたdivを表示する私のwordpressテンプレートのトップメニューに私のリンクを持っていたい。どのように私はCSSのクラスやURLでこれを行うことができますか？

Answer 1

jQueryのtoggleClass関数を使用すると、追加のCSSクラスも必要になります。

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

CSS：

div { 
    display: none; 
} 

div.show { 
    display: block; 
} 

これは非常に基本的であり、唯一のそれはあなたはそれがスムーザーを見えるようにまたはその代わりslideToggle（）関数を使用するようにいくつかのトランジションを追加することができ、表示し、非表示になるだろう。