Javascript Jquery-单击链接时显示当前div并隐藏其他链接

当我点击Show/hide链接时，它会同时显示两个div，我希望它只显示相关的div。我该怎么做？我不想为每个分区使用ID

改用

$(".slidingDiv").slideToggle();

到

$document.readyfunction{ $.slidingDiv.hide； $.show\u hide.show； $。显示\隐藏。单击函数{ $this.next.slidingDiv.slideToggle； }; }; .slidingDiv{ 高度：300px； 背景色：99CCFF； 填充：20px； 边缘顶部：10px； 边框底部：5px实心3399FF； } .显示隐藏{ 显示：无； } 第一组。 第二组。 改用

$(".slidingDiv").slideToggle();

到

$document.readyfunction{ $.slidingDiv.hide； $.show\u hide.show； $。显示\隐藏。单击函数{ $this.next.slidingDiv.slideToggle； }; }; .slidingDiv{ 高度：300px； 背景色：99CCFF； 填充：20px； 边缘顶部：10px； 边框底部：5px实心3399FF； } .显示隐藏{ 显示：无； } 第一组。 第二组。

---

在单击功能中，将代码更改为：

$(".slidingDiv").slideUp();    
$(this).next().slideToggle();

---

在单击功能中，将代码更改为：

$(".slidingDiv").slideUp();    
$(this).next().slideToggle();

简单使用

简单使用

试试这个

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function(){
    $(this).next(".slidingDiv").slideToggle();
    });

});

试试这个

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function(){
    $(this).next(".slidingDiv").slideToggle();
    });

});

$(document).ready(function(){
    $('.show_hide').click(function(){
        $(this).next().slideToggle();
    });
});

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
    display: none;
}

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function(){
    $(this).next(".slidingDiv").slideToggle();
    });

});