-1

だから私はしばらくの間突っついていましたが、これに対する答えを見つけることができません。

私が探しているのは、4つほどの主要なナビゲーショントピックのナビゲーションです。各トピックをクリックすると、そのトピックに関連するサブナビゲーションアイテムのリストの下に展開されます（つまり、[ハードウェア]をクリックすると、すべてのハードウェアサブトピックが表示されます）。

この考え方は、comedynetwork.caの[番組]をクリックすると表示されるものと似ています。

また、他のメインナビゲーションをクリックすると、サブナビゲーションが閉じて新しいサブナビゲーションが開くことを期待しています（つまり、「ハードウェア」が閉じ、「ソフトウェア」が開きます）。

非常にあいまいな場合は申し訳ありません。コードを投稿しますが、文字通りすべてを破棄しています。

更新：それで、私がそれを釘付けにしたと思ったとき、私はこれを正しく実行させることができません。jsfiddleは、必要な方法で機能していることを示しています（緩和のような明らかな磨きを差し引いたもの）：http：//jsfiddle.net/HGTKZ/1/

var divs = $('#nav div'),
links = $('a');

links.click(function () {
$(this.hash).toggle().siblings().hide();
return false;
});

しかし、公開された場合、これは機能しません： http: //agiile.com/testing6.html

jqueryをリンクしていて（Google APIから1.9.1分）、構文エラーは発生していません...しかし、この一見単純なコードは実行されません！

余談ですが、誰かが私のhtmlを改善し、＃software、＃hardwareなどを使用しないという提案があれば素晴らしいでしょう。javascript：void（0）が望ましいですが、この状況でそれを機能させる方法を考えることはできません。

これまでのところ、助けてくれてありがとう！

4

3 に答える 3

1

あなたは以前にグーグルを検索すべきだった。

とにかく、「CSSナビゲーション」バーを検索してください。あなたはたくさんの例を見つけるでしょう。彼らはトリックを行います。

さて、あなたはそのようなメニューを構築することができます

  1. 最初にCSSを使用して非表示にします

    .menu {display：none; }

  2. サブメニューの表示を切り替えてアニメーション化するようにイベントハンドラーを設定します。

  3. そのslideDownアニメーションにはJqueryを使用します。

于 2013-02-19T08:06:24.110 に答える
0

それはそう。「Jqueryドロップダウン」または「Javascriptドロップダウン」をグーグルで検索すると、次のようなものが見つかります。

http://css-tricks.com/simple-jquery-dropdowns/

それは私が推測するのに役立つはずです;）

于 2013-02-19T08:26:17.743 に答える
0

jsfiddle.netで動作する更新で問題が発生した限り、実行後にjsfiddle.net/draftからコードを取得すると、問題が修正されたようです。

コードがどこでうまくいかなかったのか完全にはわかりませんが、現在は機能しています。みんなありがとう！

于 2013-02-22T21:29:17.017 に答える