jQuery, обнаружить, если элемент уже переключен

Question

Мне нужно с jQuery знать, если элемент на моей странице уже переключен или нет.

У меня есть меню с элементами XXX.

Когда я нажимаю на элемент, я использую: $("#elementXX").slideToggle("slow"); (XX это число)

Если я нажимаю на другой элемент, мне нужно знать, если элемент уже переключения, и мне нужно, чтобы закрыть этот элемент перед тем, как перейти к методу SlideToggle.

Как я могу это сделать? Я не могу проверить id по id, как # element1, # element2, # element3 и т. Д.

Спасибо!

Answer 1

Вам не нужно тумблер, slideUp и slideDown являются гораздо лучше подходят для вашего сценария. Вы можете просто:

$("#clickedItem").click(function() { 
    var wasVisible = $("#elementXX").is(":visible"); 
    $("[id^=element]:visible").stop().slideUp("slow"); 
    if (!wasVisible) { 
     $("#elementXX").slideDown("slow"); 
    } 
}); 

Answer 2

Вы можете установить атрибуты данных на некоторое значение, чтобы узнать, переключено ли оно. Вы можете добавить атрибуты в html или использовать скрипт прямо для добавления.

$("#elementXX").data("toggled", "true");