Страницы

Поиск по вопросам

суббота, 20 апреля 2019 г.

Как при клике показать другую половину div?

Добрый день! Как сделать, что при начальном состоянии показывалось 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; }


Комментариев нет:

Отправить комментарий