Изменить высоту div по клику с помощью jquery - PullRequest
Новая
       23

Изменить высоту div по клику с помощью jquery

7 голосов
/ 05 декабря 2011

Я пытаюсь увеличить высоту элемента div с помощью следующего кода:

HTML: 

<div id="expandbtn">more..</div>

<div id="portfolio"><div class="itemweb" title="lol" rel="#derp"><div class="thumb"><img src="images/items/skills.jpg" title="Skills" rel="#derp"/></div>

сценарий: 

$('#expandbtn').click(function(){
$('#portfolio').animate({height:'72px'}, 500);});

CSS: 

#portfolio {
width:914px;
height:295px;
margin:0 0 0 -8px;
overflow:hidden;}

Но это не сработает. Что я делаю не так?

Ответы [ 3 ]

20 голосов
/ 05 декабря 2011

твой код просто в порядке.Вы также можете попробовать 

$('#portfolio').css("height","74px");

попробовать нарисовать фоновый цвет или изображение для четкой визуализации

fiddle: http://jsfiddle.net/49HQM/4/

3 голосов
/ 01 июля 2014

Попробуйте закачать его, когда документ будет готов: 

  $(document).ready(function(){
      $('#expandbtn').click(function(){
      $('#portfolio').animate({height:'72px'}, 500);
   });
0 голосов
/ 05 декабря 2011

Работает просто отлично, но попробуйте установить положение и цвет фона, чтобы увидеть элемент, например ЭТА СКИДКА .

Кроме того, он не будет анимировать высоту элементов внутрипортфолио div, если это то, что вы пытаетесь сделать (если размер этих элементов в процентах)?

...