jqueryのclickイベントにoff関数を使用することはできません。

Question

jqueryでオープン可能なメニューを作成したいと考えています。私はクリック方法を使用し、それは仕事ですが、私はそれを閉じることはできません。どうすれば閉じることができますか？ありがとうございました:)

$("div#kkayit").on("click", function(){ 
    $(this).css("background-color", "pink"); 
}); 

$("div#kkayit").on("click", function(){ 
    $("div#kkayit").off("click"); 
}); 

Answer 1

あなたはjqueryの中で機能toggleを使用することができます。

http://api.jquery.com/toggle/

$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     $("p").toggle(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p> HERE Will toggle</p> 
 

 
<button>Toggle between hide() and show()</button>

Answer 2

同じセレクタに対して同じイベントを2回登録しました。だから私は上記セレクターのクリックイベントのために以下のコードだけを使用することをお勧めします。

$("div#kkayit").one("click", function(){ 
    $(this).css("background-color", "pink"); 
}); 

http://api.jquery.com/one/

Answer 3

は、以下試してください：

$("div#kkayit").on("click", function(event){ 
    $(this).css("background-color", "pink"); 
    event.preventdefault(); 
}); 

あなたの質問に答えたかどうか教えてください。

ありがとうございました。 Vinay