防止默認設置後點擊不同功能

Question

此處的測試網站有一個移動菜單（800px或更小），沒有下拉文件夾功能。我希望移動導航菜單的功能與桌面上的一樣。

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

標題文件夾的默認是打開了它的文件夾中的第一個環節，所以我防止：

<script> 

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

}); 
}); 
</script> 

我要改爲顯示「文件夾內隱藏的頁面鏈接標題「點擊。

我在這裏的代碼不起作用：

<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不是a一個孩子元素但兄弟

使你的代碼應該是這樣的（你也可以保持preventDefault()）：

<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;}