jquery - タグを切り替えるjqueryですが、クリックしてもう一度クリックするだけで動作するはずです

Question

html

<ul>
    <li><a href="#">one</a></li>
    <li><a href="#">two</a></li>
</ul>
<br clear="all" />
<div>some text</div>

CSS

ul{
    list-style: none;
}
li{
    float: left;
    margin: 0 20px;
}
div{
    background-color: red;
    height: 200px;
}

jquery

$('li a').toggle(function(e){
   $('div').toggle(); 
    e.preventDefault();
});

デモ

私の重要な質問は、タグが div のみをトグルするのではなく、トグル機能を取得する理由です。

編集

$('li a').toggle() 関数は、クリックしてもう一度クリックする関数です。しかし、 $('div').toggle() 関数は表示と非表示です。私は正しいですか？

Answer 1

toggleに変更click

aイベントをtoggle使用しているため、タグが取得されています。.toggle()

$('li a').click(function(e){ //change toggle to click
   $('div').toggle(); 
    e.preventDefault();
});

$('li a').toggle()関数はこのように使用する必要があります

$('li a').toggle(function(){},function(){})

デモ

$('li a').toggle(function (e) {
    $('div').toggle();
    alert('1');
    e.preventDefault();
}, function (e) {
    $('div').toggle();
    alert('2');
    e.preventDefault();
});