Все работает, но проблема в том что если открыть блок категории и при нажатии на "Фильтр", блок категории скрывается, а клик по кнопке категории не происходит.
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#filtertrigger").toggle(function() {
// Отображаем скрытый блок
$("ASIDE#blockfilter").show({ direction: "horizontal" }, 500).addClass("active"); // fadeIn - плавное появление
$(document).ready ( function(){ $('#filtertrigger').text('Закрыть'); });
if(((document.getElementById('box').style.display="none") === false) && ($(document).ready ( function(){ $('#trigger').text('Закрыть'); })) === true) {
$('#trigger').trigger('click');
$(document).ready ( function(){ $('#trigger').text('Категории'); });
};
return false; // не производить переход по ссылке
},
function() {
// Скрываем блок
$("ASIDE#blockfilter").hide({ direction: "horizontal" }, 500).removeClass('active');
$(document).ready ( function(){ $('#filtertrigger').text('Фильтр'); });
return false; // не производить переход по ссылке
}); // end of toggle()
$("#trigger").toggle(function() {
$("ASIDE#box").fadeIn();
$(document).ready ( function(){ $('#trigger').text('Закрыть'); });
$("ASIDE#blockfilter").fadeOut().removeClass('active'); // fadeOut - плавное исчезновение
return false;
},
function() {
$("ASIDE#box").fadeOut();
$(document).ready ( function(){ $('#trigger').text('Категории'); });
return false;
}); // end of toggle()
}); // end of ready()
</script>
</head>
<body>
<button id="trigger">Категории</button>
<button id="filtertrigger">Фильтр</button>
<aside id="box" style="display:none">Содержимое категорий</aside>
<aside id="blockfilter" style="display:none">Содержимое фильтра</aside>
</body>
</html>