Question

我有一堆div是我网站上的按钮。当我点击一个按钮时，我想要一个子导航显示。所有子导航都具有＆＃34; subNab＆＃34;但也有一个类与附加＆＃34; Sub＆＃34;的主导航相同。例如，我有：

<div class="navBox audits">
    <p>Audits</p>
</div>

<div class="subNav auditsSub">
    <div class="navBox">
        <p>Audits Sub1</p>
    </div>
    <div class="navBox">
        <p>Audits Sub2</p>
    </div>
</div>

目前我的子导航隐藏在页面加载并显示在单击功能上，同时再次隐藏subNav以便它们不会叠加。我有以下代码，每个按钮有不同的类名。必须有一个更简单的方法。

    $(".audits").click(function(){
        $(".subNav").hide();
        $(".auditsSub").fadeIn("slow"); 
        $("#adSlider").hide();
    });
    $(".billing").click(function(){
        $(".subNav").hide();
        $(".billingSub").fadeIn("slow"); 
        $("#adSlider").hide();
    });
    $(".consulting").click(function(){
        $(".subNav").hide();
        $(".consultingSub").fadeIn("slow"); 
        $("#adSlider").hide();
    });

提前致谢！

Answer 1

您能否提供完整的代码，以便我可以准确了解您希望如何处理菜单。如果您正确组织代码，则不必为每个触发按钮分配一个类。也许这就是你要找的东西： $（document）.ready（function（）{

$(document).ready(function(){
$('.submenu').hide();
$('.menu ul li a').click(function(event){
    event.preventDefault(); // prevents link from redirrecting
    $('.submenu').hide(); // hide all submenu items
    $(this).siblings('.submenu').slideDown (); // show only child submenu
});

}）;

http://jsfiddle.net/75d67hLq/1/

jQuery获取所选元素的类

1 个答案: