Есть три кнопки с выпадающим списком:
Календарь
Формат мероприятия
Название теплохода
При нажатии на кнопку, выпадающий список пододвигает нижний блок на высоту списка.
Все это реализовано тремя скриптами для каждой кнопки соответственно
//Кнопка "Формат мероприяти"
jQuery(document).ready(function(){
jQuery('#dd').click(function() {
if (jQuery('.calendar').height() < 300) {
jQuery('.calendar').animate({
height: 400
}, 500)
}
else {
jQuery('.calendar').animate({
height: 240
}, 500)
}
})
jQuery('body').not('#dd').click(function() {
jQuery('.calendar').animate({
height: 240
}, 500)
})
})
//Кнопка "Название теплохода"
jQuery(document).ready(function(){
jQuery('#ddd').click(function() {
if (jQuery('.calendar').height() < 300) {
jQuery('.calendar').animate({
height: 400
}, 500)
} else {
jQuery('.calendar').animate({
height: 240
}, 500)
}
})
jQuery('body').not('#ddd').click(function() {
jQuery('.calendar').animate({
height: 240
}, 500)
})
})
//Кнопка "Календарь"
jQuery(document).ready(function(){
jQuery('#d').click(function() {
if (jQuery('.calendar').height() < 300) {
jQuery('.calendar').animate({
height: 400
}, 500)
} else {
jQuery('.calendar').animate({
height: 240
}, 500)
}
})
jQuery('body').not('#d').click(function() {
jQuery('.calendar').animate({
height: 240
}, 500)
})
})
Проблема вот в чем. При нажатии двух кнопок одновременно блок под кнопками прыгает обратно вверх, а должен оставаться сдвинутым
Как я понимаю, нужна какая-то проверка на то, открыт ли список. Но как это сделать?
Посмотреть наглядно можно на тестовом сайте
http://deltaunion2-001-site1.anytemp.../index.php/ru/