Только 1 div, чтобы переключить статус jQuery (закрыть другие)

Question

В настоящее время я работаю с fadeToggle, чтобы показать / скрыть определенные элементы, и то, что я получил, похоже, делает эту работу довольно хорошо!При щелчке элемента span, находящегося внутри элемента li, происходит переход к следующему элементу div, находящемуся внутри элемента li.Довольно изящно, я бы сказал!

<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и в настоящее время они не закрываются после следующего пролета здесь вы можете увидеть веб-сайт.Если вы нажмете на кнопку «мышка» и значок «Фейсбук» рядом со строкой «теперь совместим с», вы увидите, что я имею в виду.щелкнул.

Примечание. Я также использую этот метод на значке конфигурации в правом верхнем углу.

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