Здравствуйте! Не могу сообразить как исправить проблему с версткой. При использовании slideUp() и slideDown(). Есть меню и подменю. при клике на верхнем все закрывается а нужное показывается. Вот только все что ниже катается вверх вниз. пробовал жестко задавать высоту блоков не помогает.
jquery
$(document).ready(function() {
$('.but_menu').click(function(){
$('.but_menu').removeClass('active');
$(this).addClass('active');
id_menu = $(this).attr("id");
if(id_menu !== '')
{
$('#block_1').slideUp(); $('#block_2').slideUp(); $('#block_3').slideUp(); $('#block_4').slideUp();
if(id_menu == 'menu_1') { $('#block_1').slideDown(); }
if(id_menu == 'menu_2') { $('#block_2').slideDown(); }
if(id_menu == 'menu_3') { $('#block_3').slideDown(); }
if(id_menu == 'menu_4') { $('#block_4').slideDown(); }
}
});
});
код потом еще подправлю.... ща как-то топорно..
Сама разметка:
<div class="main_menu contained__stroka stroka_menu">
<a href="#" id="menu_1" class="but_menu active">1</a>
<a href="#" id="menu_2" class="but_menu but_menu_left">2</a>
<a href="#" id="menu_3" class="but_menu but_menu_left">3</a>
<a href="#" id="menu_4" class="but_menu but_menu_left">4</a>
</div>
<div class="clear"></div>
<!--1-->
<div id="block_1" class="main_menu contained__stroka stroka_menu block_active">
<a href="#" class="short_menu" onClick="show_win('block','1','1')">1.1</a>
<a href="#" class="but_menu_dop but_menu_left active">1.2</a>
<a href="#" class="but_menu_dop but_menu_left">1.3</a>
</div>
<div class="clear"></div>
<!--2-->
<div id="block_2" class="main_menu contained__stroka stroka_menu block_hide">
<a href="#" class="short_menu" onClick="show_win('block','2','1')">2.2</a>
<a href="#" class="but_menu_dop but_menu_left active">2.2</a>
<a href="#" class="but_menu_dop but_menu_left">2.3</a>
</div>
ну и так далее.....
