Question

如何打开第一个类别，通过切换关闭其余类别？ h4是应该保留的元素，之后的div应该切换。在此先感谢您的帮助

<div class="pb_dimension-filters" id="divRefinementLeft">
    <div class="pb_dim-filter">
        <h4>Category 1</h4>
        <div class="pb_dim-filter-list-container">
            <ul>
                <li></li>
            </ul>
        </div>
    </div>
    <div class="pb_dim-filter">
        <h4>Category 2</h4>
        <div class="pb_dim-filter-list-container">
            <ul>
                <li></li>
            </ul>
        </div>
    </div>
    <div class="pb_dim-filter">
        <h4>Category 3</h4>
        <div class="pb_dim-filter-list-container">
            <ul>
                <li></li>
            </ul>
        </div>
    </div>
</div>

Answer 1

现在完全模拟切换效果

    $(document).ready(function() {
    $("#divRefinementLeft > div > div").hide();

    $("#divRefinementLeft > div").bind("click", function(){
        if($("div", $(this)).hasClass("v"))
        {
            $("#divRefinementLeft > div > div").removeClass("v").hide();
        }
        else {
            $("#divRefinementLeft > div > div").removeClass("v").hide();
            $("div", $(this)).addClass("v").show();
        }
    }) ;
});

Answer 2

为了将来参考，我最终使用

$j(".pb_dim-filter > div").addClass("closed-filter");
$j("#divRefinementLeft > div:first > div").removeClass("closed-filter");
$j(".pb_dim-filter > h4").click(function(){
    $j(this).siblings("div.pb_dim-filter-list-container").toggleClass("closed-filter");
});

切换第一个打开，其余打开

2 个答案: