How to call a div height in jQuery and set it into the css of another div dynamically (upon window resizing)?

Asked Dec 23 '20 at 19:32

Active Dec 23 '20 at 19:34

Viewed 26 times

I am currently trying to set the CSS height of a div, to the same as another div's height using jQuery.

I have been able to create variable based off of the target div's height, and apply this to the CSS of the relevant div, but for some reason the applied height is static (it is not resizing with the other div, and has a static value in the html "style=" section of inspect element.

Here is my code:

var headheight = $('.tag-6 .site #custom-header-media .rt-slider-wrapper .slide-item .rt-wrapper').outerHeight();
$( ".slide-item" ).css('height': headheight)

Any suggestions? Thanks a lot

edited Dec 23 '20 at 19:34

asked Dec 23 '20 at 19:32

j.flame

1

`$(window).resize(function(){...})`, This function will execute whenever the window is being resized. – Ahmed Ali Dec 23 '20 at 19:34
1

@Ibnelaiq Thanks a lot!! – j.flame Dec 23 '20 at 19:39

How to call a div height in jQuery and set it into the css of another div dynamically (upon window resizing)?

0 Answers0