jquery - 与两个div的slideToggle

我对slidetoggle没什么问题：
我有2个div：

<div class="slidingDiv"></div>
<div class="slidingDiv2"></div>

和2个按钮：

<a href="#" class="show_hide2">Butt2</a>
<a href="#" class="show_hide">Butt1</a>

如果我单击Butt1，它将打开slideDiv //确定
如果我再次单击它，则关闭slideDiv //确定

它也与Butt2合作

但是，我想，如果slidingDiv已经打开，并且如果我单击Butt2，它将打开slidingDiv2并关闭slidingDiv，并且如果slidingDiv2已经打开，并且如果我单击，它将打开Butt1，然后关闭slidingDiv。

我想，我必须使用hasClass，removeClass和addClass，但我不知道该怎么做

谢谢你的帮助

伊夫

代码 ：

$(document).ready(function(){
    $(".slidingDiv").hide();
    $(".show_hide").show();

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

    $(".slidingDiv2").hide();
    $(".show_hide2").show();

    $('.show_hide2').click(function(){
         $(".slidingDiv2").slideToggle();
    });
});

最佳答案

您可以尝试做这样的事情。一个按钮，一次切换两个不同的div。就像起点一样，您应该隐藏其中一个，而另一个则可见。

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