Div下拉菜单显示/隐藏onclick jquery

我正在尝试实现一个div下拉菜单

JQuery在这里：

<script>
    $(document).ready(function() {
        $('.desplegar').click(function() {
            $(this).next("div.desplegar_fills").show().siblings("div.desplegar_fills").hide();              
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.desplegar'）。单击（函数（）{
$（this）.next（“div.desplegar_fills”）.show（）.sides（“div.desplegar_fills”）.hide（）；
});
});

我知道这个jquery只能用于显示子索引级别，但我甚至不能让它工作

此处为HTML：

<div class="desplegar">
        <p>Index 1</p>
        <div class="desplegar_fills">
            <p>Subindex 1</p>
            <div class="desplegar_links">
                <a href="#">Enllaç 1</a>
                <a href="#">Enllaç 2</a>
                <a href="#">Enllaç 3</a>
            </div>
        </div>
    </div>
    <div class="desplegar">
        <p>Index 2</p>
        <div class="desplegar_fills">
            <p>Subindex 2</p>       
            <div class="desplegar_links">
                <a href="#">Enllaç 1</a>
                <a href="#">Enllaç 2</a>
                <a href="#">Enllaç 3</a>
            </div>
        </div>      
    </div>
    <div class="desplegar">
        <p>Index 3</p>
        <div class="desplegar_fills">
            <p>Subindex 3</p>       
            <div class="desplegar_links">
                <a href="#">Enllaç 1</a>
                <a href="#">Enllaç 2</a>
                <a href="#">Enllaç 3</a>
            </div>
        </div>      
    </div>  

指标1

子索引1

指标2

次级指数2

指标3

子指数3

应该是这样的：

所以，如果我点击索引1，它会显示子索引1，如果我点击子索引1，它会显示链接。问题是，如果我单击索引2或索引3，索引1应该关闭，只显示子索引2或子索引3（取决于单击的是哪个）。有什么建议吗？谢谢大家

请找到答案

基本上，此脚本应该完成以下工作：

$(document).ready(function() {
    $('.desplegar_fills').hide(0);
    $('.desplegar_links').hide(0);
    $('.desplegar').click(function() {
        $('.desplegar_fills').hide(0);
        $('.desplegar_links').hide(0);
        $(this).find(".desplegar_fills").show(0);
    });
    $('.desplegar_fills').click(function(e){
        $('.desplegar_links').hide(0);
        $(this).find(".desplegar_links").show(0);
        e.stopPropagation();
    })
});

请找出答案

基本上，此脚本应该完成以下工作：

$(document).ready(function() {
    $('.desplegar_fills').hide(0);
    $('.desplegar_links').hide(0);
    $('.desplegar').click(function() {
        $('.desplegar_fills').hide(0);
        $('.desplegar_links').hide(0);
        $(this).find(".desplegar_fills").show(0);
    });
    $('.desplegar_fills').click(function(e){
        $('.desplegar_links').hide(0);
        $(this).find(".desplegar_links").show(0);
        e.stopPropagation();
    })
});

---

你似乎没有问任何问题。你的代码有问题吗？是的，我试着实现下拉菜单，但我不能。我尝试了很多东西，但都做不好。请编辑你的问题以展示你的尝试。好的，我现在就来！你似乎没有问任何问题。你的代码有问题吗？是的，我试着实现下拉菜单，但我不能。我尝试了很多东西，但都做不好。请编辑你的问题以展示你的尝试。好的，我现在就来！