Question

我目前正在使用fadeToggle显示/隐藏某些元素，而我在这里看到的内容似乎相当不错！当单击span元素时，它在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>

但是当然有一些你似乎无法弄明白的东西！

我只想要切换一个div，目前他们不会在下一个跨度后关闭，你可以看到该网站。如果你点击“现在兼容”这一行旁边的linkedin和facebook图标，你会看到我的意思。

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

注意我也使用此方法以及右上角的配置图标。

Answer 1

我从未成为切换命令的粉丝。我通常手动fadeOut / fadeIn ...

<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>

Answer 2

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

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

在你打电话之前

：

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

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

2 个答案: