jQuery - получение высоты и ее повторное использование

Question

Может кто-нибудь объяснить мне, как получить высоту одного элемента, а затем повторно использовать его в другом месте другого элемента, используя jQuery?

Например, чтобы иметь 2 элемента div, 1 и 2 и получить высоту элемента div 1, затем нужно создать событие click для элемента div 2, которое оживляет его до той же высоты, что и элемент div 1.

Приветствия

Answer 1

Это будет работать:

$('#div1').click(function() 
{
    $(this).animate({
        height: $('#div2').height()
    });
});

Кроме того, проверьте документы для дополнительных параметров: http://docs.jquery.com/Effects/animate

Answer 2

Попробуйте это:

<div id="div-one" style="height:100px; background: #fb0">first div</div>        
<div id="div-two" style="height:50px; background: #fb0">second div</div>

<script type="text/javascript">
    jQuery("#div-two").click(function() {
        var desiredHeight = jQuery("#div-one").height();
        jQuery(this).animate({height: desiredHeight}, 1000);
    });
</script>

Answer 3

Это очень простой jQuery, может, вам стоит взглянуть на руководство и API , прежде чем задавать этот вопрос?

Пример в API можно найти в CSS> Высота и ширина> высота (значение):

$("div").one('click', function () {
  $(this).height(30)
         .css({cursor:"auto", backgroundColor:"green"});
});

Answer 4

$('#div2').click( function () {
  $('div2').height( $('#div1').height() )
}
);