jquery - Toggle Div を表示したままにしない

Question

1 回クリックしても div が表示されたままになるという問題があります。私が使用しているコードの jsfiddle は次のとおりです: http://jsfiddle.net/UhYEB/

クリックすると画面がぎくしゃくし続け、すぐにdivを非表示に戻します。

これが私が使用しているスクリプトです

$(function(){
    $(document).ready(function () {
        $(".flyopen-nav").hide();
        $("#toggle-flyout").click(function(){
            $(".flyopen-nav").toggle();
        });
    });
});

Answer 1

event.preventDefaultを使用する必要があり、jsfiddle デモに jQuery ライブラリを含める必要もあります。

ライブデモ

$(function () {
    $(document).ready(function () {
        $(".flyopen-nav").hide();
        $("#toggle-flyout").click(function (event) {
            $(".flyopen-nav").toggle();
            event.preventDefault();
        });
    });
});

jQuery ライブラリを含めるには、下の図に示すように、左側の js フレームワーク パネルから jQuery のバージョンを選択する必要があります。