1

こんにちは、初めてここに投稿します。私の英語の間違いを許してください!

私は jquery と Java の初心者ですが、日々学んでいて、とても素敵なウェブページを見つけました

http://tympanus.net/codrops/2011/03/09/animated-content-menu/

このチュートリアル Web ページのデモでは、メニューがあり、それをクリックすると非表示になり、選択したメニューの要素に応じて特定のサブメニューが表示されます。

  1. 私の最初の質問は次のとおりです。要素をクリックするとメニューが表示されるようにする方法は知っていますが、メニューの別の要素をクリックしてサブメニューを閉じる方法はわかりません。デフォルトのデモでは、十字をクリックしてサブメニューを削除し、メニューを再び表示できるようにします。この説明が理にかなっていることを願っています。

  2. 2 番目の質問は、メイン ページに移動したときに、メニューの 1 つの要素のサブメニューを直接表示する方法です。

毎度の回答ありがとうございます。リチャード

4

1 に答える 1

0

したがって、最初の質問では、次のようなマークアップがあります。

<ul id='menu'>
    <li>
        <a href="#">Menu 1</a>
        <div>Content goes here</div>
    </li>
    <li>
        <a href="#">Menu 2</a>
        <div>Content goes here</div>
    </li>
</ul>

そして、次のようなスクリプトがあります。

var anchors = $("#menu a").click(function(e){
    e.preventDefault();
    var clicked = this;
    $(this).siblings('div').show();
    anchors.filter(function(index) {
        return this !== clicked;
    }).siblings('div').hide();
});

ページにアクセスしたらすぐに何かを表示するには、次のようにします。

$("#menu a:first").click();
于 2011-06-21T17:35:14.620 に答える