переключение отображения состояний странности

Question

переключение отображения состояний странности

0

У меня есть этот jQuery toggle, который меняет отображение одного div с другим. Теперь, если я нажму на link1 (отобразит div.shows), а затем откройте его, а затем снова, я не могу щелкнуть его (или мою домашнюю кнопку) еще раз, если не нажму ссылку link2 (div.depts). Я что-то испортил в своем CSS или я неправильно установил свои истинные/ложные состояния в моем jQuery?

Вот jQuery:

var displayShow = false;
var displayDept = false;
var containerHeight = 130;
$(".showLinks").click(function() {
    if (displayDept) {
        toggleDisplay(".depts",0,0);
        displayDept = false;
        console.log("displayDept: " + displayDept);
    }
    if (displayShow) {
        toggleDisplay(".shows",0,0);
        displayShow = false;
        console.log("displayShow: " + displayShow);
    } else {
        toggleDisplay(".shows",1,containerHeight);
        displayShow = true;
        console.log("displayShow: " + displayShow);
    }
});
$(".deptLinks").click(function() {
    if (displayShow) {
        toggleDisplay(".shows",0,0);
        displayShow = false;
        console.log("displayShow: " + displayShow);
    }
    if (displayDept) {
        toggleDisplay(".depts",0,0);
        displayDept = false;
        console.log("displayDept: " + displayDept);
    } else {
        toggleDisplay(".depts",1,containerHeight);
        displayDept = true;
        console.log("displayDept: " + displayDept);
    }
});
function toggleDisplay(divClass,divOpacity,divHeight) {
    $(divClass).animate({
        opacity: divOpacity,
        height: divHeight
    });
}

Остальное можно найти здесь: http://jsfiddle.net/jawa9000/xn8WB/1/

Jawa 23 янв. 2014, в 06:54

Источник

1

Отладка Lemme :-) Вопрос по голосованию.
Nicholas Hazel 23 янв. 2014, в 05:40

Теги:

jquery

css

2 ответа

Ещё вопросы

Отладка Lemme :-) Вопрос по голосованию.

Jawa · Answer 1 · 2014-01-23T12-31-00.000Z

Я думаю, что моя проблема связана с элементами. Когда div скрывается, чтобы быть скрытым, элемент все еще отображается как таблица-таблица вместо отображения: none.

Чтобы исправить это, я просто добавил следующую ссылку в мои инструкции if/else:

$("div.link1/link2 ul").css("display","none/table-cell");

Спасибо за игру!

Nicholas Hazel · Answer 2 · 2014-01-23T03-51-00.000Z

Похоже, это может быть виновником:

<div class="homeLink">
<a href="#">Home</a>
</div>
    <div class="showLinks">Links1</div>
    <div class="deptLinks">Links2</div>

Вы настраиваете таргетинг:

$(".showLinks") && $(".deptLinks")

В вашем Javascript я не вижу никакого div для вашей домашней ссылки или какой-либо ссылки на них... homeLink изолирован.