У меня есть аккордеонное меню, и в каждом заголовке меню есть небольшая стрелка img, которая меняется, когда меню скользит вниз и вверх.
Это код до сих пор:
$(document).ready(function() {
$("div.menu_body").hide();
$("#menuheader div.menu_head div.detailsPanel").toggle(function() {
$(this).addClass("detailsPanelSelected").parent(this).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
},
function() {
$(this).removeClass("detailsPanelSelected").parent(this).next("div.menu_body").slideUp("slow");
}
);
Это отлично работает, когда я переключаю один пункт меню за раз.
Но скажем, я раскрываю один пункт меню и нажимаю на другой заголовок меню. Что происходит, так это то, что первый пункт меню скользит вверх, а вновь щелкнутый скользит вниз, как и ожидалось. Но стрелка gif не меняется обратно в меню, которое скользит вверх. Это происходит потому, что функция переключения все еще находится в первом состоянии, и если я снова нажму на нее, удалив, таким образом, класс «detailsPanelSelected», все, что произойдет, это то, что изображение изменится обратно. Глядя на код, это ожидаемо.
Итак, мой вопрос: как мне сделать так, чтобы пункты меню «detailsPanelSelected» удалялись при нажатии другого заголовка меню? Могу ли я как-то сбросить ожидающую функцию переключения?
