0

私はjqueryで簡単なメニューを作ろうとしていますが、何か間違ったことをしているようです.誰かが私が間違っていることを教えてもらえますか...他のスレッドを確認しましたが、この問題の解決策が見つかりません.

    <nav id="header">
    <ul>
    <li class="one"><a href="#">one</a></li>
    <li class="two"><a href="#">two</a></li>
    </ul> 
    </nav>   
    <div class="one-div">
    <div>
    <h1>title</h1>
    <p>text here</p>
    </div>
    </div>
    <div class="two-div">
    <div>
    <h1>title</h1>
    <p>text here</p>
    </div>
    </div>
    </code>

    // in the css of the div i got the display:"none";

    $('.one').click(function() {
    if ($(".one-div").is(":hidden")) {
    $(".one-div").slideDown("slow");
    } else {
    $(".one-div").hide();
    }
    });

    $('.two').click(function() {
    if ($(".two-div").is(":hidden")) {
    $(".two-div").slideDown("slow");
    } else {
    $(".two-div").hide();
    }
    });
4

1 に答える 1

3

CSS 

.one { display:block; }
.two { display:none; }

JS

var buttons = $(".one,.two").on("click", function(){
    buttons.slideToggle();
})
于 2013-04-30T00:03:44.223 に答える