javascript - ボタンクリックでdivを表示するにはどうすればよいですか?

Question

ボタンのクリック時に .quick-links-container を表示するにはどうすればよいですか?

jsFiddle: http://jsfiddle.net/gnjNq/5/

私はディスプレイを持っていました：なし; セットですが、容器が見えるように外しました。

これまでのところ私はこれを持っていますが、うまくいきません：

$('.quicklinks-button').click(function(){$('#quick-links-container').show();});

Answer 1

次の理由により、成功しませんでした:

1. サンプル ファイルに jQuery が含まれていません。
2. HTMLで呼び出さquick-links-containerれたクラスがありますが、JS#quick-links-containerでIDを返すクラスを使用しています。そのため、「.quick-links-container」に変更する必要があります
3. クリックのみを使用しているshow()ため、クリックするとdivが常に表示されるように設定され、代わりに使用toggle()してdivの表示を切り替えることができます。

したがって、JavaScript コードを次のように変更する必要があります。

$('.quicklinks-button').click(function(){ $('.quick-links-container').toggle();});

jsFiddle: http://jsfiddle.net/GautamChadha/U5Rwg/