Question

Имеется код:

 $('#lkat').toggle(function() {             $('#sidebar').css('margin-top', '600px'); $('.kat-body').css('display', 'block'); $('.kat-lab').css('color', '#0066CC'); $('.kat-lab').css('background-color', '#fff');	 }, 			 function() {             $('#sidebar').css('margin-top', ''); $('.kat-body').css('display', ''); $('.kat-lab').css('color', '#fff'); $('.kat-lab').css('background-color', '#0066CC'); });

Сейчас при нажатии на #lkat #sidbar сдвигается на 600px. Есть .kat-body где height например 400px.

Вопрос: Как сделать чтобы margin-top #lkat при открытии приравнивался значению height .kat-body?

Answer 1

Примерно так, не проверял....

$('#lkat').toggle(function() {
var htt = $('.kat-body').height();             
$('#sidebar').css('margin-top', htt);
$('.kat-body').css('display', 'block');
$('.kat-lab').css('color', '#0066CC');
$('.kat-lab').css('background-color', '#fff');    
},             
function() {             
$('#sidebar').css('margin-top', '');
$('.kat-body').css('display', '');
$('.kat-lab').css('color', '#fff');
$('.kat-lab').css('background-color', '#0066CC');
});

Comments

Работает, спасибо