javascript - リンクから JavaScript 関数を呼び出します。可能なすべての方法

Question

私は div を持っています ~ id はslider、リンクがクリックされたときにアニメーション化/非表示にしたいです。より正確には、リンクから開いたり閉じたりしたいです。

jQuery

<script type="text/javascript"> 
    $("#toggleslider").click(function () {
    $(this).hide("#slider", { direction: "up" }, 1000);
    });
</script>

リンク

<li><a id="toggleslider" href="javascript:void(0);">toggle</a></li>

Answer 1

JQuery の toggle() 関数を使用して、表示から非表示 (およびその逆) に切り替えることができます。見てみましょう: http://api.jquery.com/toggle/

「hide」を呼び出す代わりに、「toggle」に変更するだけで、同じ構文にする必要があります。

編集:構文が完全に正しくない可能性があります。これを試して。

$("#slider").toggle(1000);

Answer 2

.slideToggleを使用できます

$("#toggleslider").click(function () {
    $('#slider').slideToggle(1000);
});

ライブデモ。