仅1个div切换状态jQuery（关闭其他）

我目前正在使用fadeToggle来显示/隐藏某些元素，我在这里得到的东西似乎做得很好！单击li元素内部的跨度元素时，它将淡入li元素内部的下一个div。我想说，相当漂亮

<script type="text/javascript">
    $(document).ready(function () {
        $('.toggle_hide').hide();

        $("#background_absolute_content li span").css('cursor', 'pointer').click(function(){
            $(this).next("div").fadeToggle(200);
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.toggle_hide'）.hide（）；
$（“#背景#绝对内容li span”）.css（'光标'，'指针'）。单击（函数（）{
$（本）.next（“div”）.fadeToggle（200）；
});
});

但当然，总有一些事情你似乎无法理解

我只想一个div被切换，目前他们不关闭后，下一个跨度在这里你可以看到网站。如果你点击linkedin和“now compatible with”旁边的facebook图标，你就会明白我的意思

那么有没有办法在单击下一个跨度时关闭div。

---

注意，我在右上角的配置图标上也使用了此方法。

假设一个快速而肮脏的修复方法是在显示与单击内容相关的隐藏方法之前调用您的隐藏方法。插入您的方法：

$('.toggle_hide').hide();

打电话之前：

$(this).next("div").fadeToggle(200);

---

假设一个快速而肮脏的修复方法是在显示与单击内容相关的方法之前调用隐藏方法。插入您的方法：

$('.toggle_hide').hide();

打电话之前：

$(this).next("div").fadeToggle(200);

---

我从来都不喜欢切换命令。我通常手动淡出/淡出

<script type="text/javascript">
    $(document).ready(function () {
        $('.toggle_hide').hide();

        $("#background_absolute_content li span").css('cursor', 'pointer').click(function(){
            var $this = $(this);
            $('.toggle_hide').fadeOut(200, function(){ 
                $this.next("div").fadeIn(200);
            });
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.toggle_hide'）.hide（）；
$（“#背景#绝对内容li span”）.css（'光标'，'指针'）。单击（函数（）{
var$this=$（this）；
$（'.toggle_hide'）.fadeOut（200，function（）{
$this.next（“div”）.fadeIn（200）；
});
});
});

我从来都不喜欢切换命令。我通常手动淡出/淡出

<script type="text/javascript">
    $(document).ready(function () {
        $('.toggle_hide').hide();

        $("#background_absolute_content li span").css('cursor', 'pointer').click(function(){
            var $this = $(this);
            $('.toggle_hide').fadeOut(200, function(){ 
                $this.next("div").fadeIn(200);
            });
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.toggle_hide'）.hide（）；
$（“#背景#绝对内容li span”）.css（'光标'，'指针'）。单击（函数（）{
var$this=$（this）；
$（'.toggle_hide'）.fadeOut（200，function（）{
$this.next（“div”）.fadeIn（200）；
});
});
});

不错。平稳过渡，而不是砰砰作响，没有更多的部门荣誉。：）哈不是我的问题，否则我会的德沃。。。也许我该去睡觉了。。。显然是累了。。。哈哈哈，感谢（非常）快速的响应！我感觉有点糟糕，只是四处打听一下，但我一直在试图找到一个合适的解决方案。上面的例子的效果是90%。问题是，当你在图标之间单击时，应该fadeIn的div会快速闪烁，因为你说要先关闭它（希望有意义）。我认为解决方案与.sibbling（或另一个选择器）有关，因为必须切换的div都驻留在同一ul元素中的不同li元素中。我不确定我是否理解这个新问题。。。我也看了这个网站，它看起来不错…不错。平稳过渡，而不是砰砰作响，没有更多的部门荣誉。：）哈不是我的问题，否则我会的德沃。。。也许我该去睡觉了。。。显然是累了。。。哈哈哈，感谢（非常）快速的响应！我感觉有点糟糕，只是四处打听一下，但我一直在试图找到一个合适的解决方案。上面的例子的效果是90%。问题是，当你在图标之间单击时，应该fadeIn的div会快速闪烁，因为你说要先关闭它（希望有意义）。我认为解决方案与.sibbling（或另一个选择器）有关，因为必须切换的div都驻留在同一ul元素中的不同li元素中。我不确定我是否理解这个新问题。。。我也看过这个网站，它看起来不错。。。