0

Codrops スクリプト:

http://tympanus.net/codrops/2013/03/05/horizo​​ntal-drop-down-menu/

メニューから選択したアイテムを標準の動作リンクにする方法は?

例: メニュー: ホーム | カテゴリー | お問い合わせ | 著者

カテゴリと作成者のみを「ドロップダウン可能」にしたい。

<li>「ドロップダウン可能」にしたい itens にクラス .drop-down を挿入しようとしました。

<nav id="cbp-hrmenu" class="cbp-hrmenu">
    <ul>
    <li><a href="index.php">Home</a></li>
    <li class="cbp-dropdown"> //added class here
            <a href="#">Categories</a>
            <div class="cbp-hrsub">

そして.removeClass( 'cbp-hropen' );、jqueryスクリプトのすべてを次のように置き換えました

.removeClass().addClass('cbp-dropdown')

ほとんどうまくいきました。「タブ」を切り替えると、閉じる機能がうまく機能しません。

これを行う適切な方法はどのようですか?

元のデモ: http://tympanus.net/Blueprints/Horizo​​ntalDropDownMenu /

JSfiddle オリジナル: http://jsfiddle.net/xC47v/1/

JSfiddle My Mod: http://jsfiddle.net/xC47v/2/ (メイン リンクをクリックしてもサブメニューは閉じません。)

4

1 に答える 1