デフォルトを防止した後のクリックでの異なる機能

Question

テストサイトには、ドロップダウンフォルダ機能を持たないモバイルメニュー（800px以下）があります。モバイルナビゲーションメニューをデスクトップ上と同じように機能させたい私が代わりに「フォルダ内の隠しページへのリンクを表示したい

<script> 

$(document).ready(function() { 
$('#mobileNav .mobile-folder>a').click(function(e) { 
    e.preventDefault(); 

}); 
}); 
</script> 

：

https://josh-unger-4lts.squarespace.com

タイトルフォルダのデフォルトはので、私はして防ぐそのフォルダ内の最初のリンクを開くことでしたタイトル "をクリックします。

ここに私のコードは動作しません：

<script> 
$(document).ready(function(){ 
$("#mobileNav .mobile-folder>a").click(function(){ 
$(this).find('.folder.external-link ul ').toggleClass("expand"); 
}); 
}); 
    </script> 

私のCSSはトグルにページリンク以降の表示を非表示にする：

.folder.external-link {display:none!important;} 


.folder.external-link.expand {display:block!important;} 

すべてのヘルプは大歓迎です。

Answer 1

ulはので、あなたのコードは次のようでなければなりません（とあなたもpreventDefault()を保つことができる）aの子要素が、兄弟

ではありません。

<script> 
$(document).ready(function(){ 
    $("#mobileNav .mobile-folder>a").click(function(e){ 
     e.preventDefault(); 
     $(this).siblings('ul ').toggleClass("expand"); 
    }); 
}); 
</script> 

あなたのCSSはulクラスをターゲットにする必要があります：

.mobile-folder ul {display:none!important;} 


.mobile-folder ul.expand {display:block!important;}