Добрый день! Как сделать, что при начальном состоянии показывалось 50% этого div, а после нажатия на кнопку показывалась другие 50%?
Ответ
Если допускается использование jquery, то можно так:
$(function(){
var h=$(".hide").height(); //получаем высоту блока с контентом
$(".hide").css({"height": h/2}); //устанавливаем высоту блока с контентом в 50%
$(".button").click(function(){ //нажатие на кнопку
if(h==$(".hide").height()){ //если высота блока на момент нажатия на кнопку равно изначальной высоте блока то
$(".hide").css({"height": h/2}); //устанавливаем высоту блока в 50% от изначальной
}
else { //иначе
$(".hide").css({"height": h}); //устанавливаем высоту блока в 100%
}
});
});
.hide {
overflow: hidden;
}
Комментариев нет:
Отправить комментарий