jQuery - IF height is greater than 2 separate divs -


ok, asked question earlier didn't desired effect. result i've decided tackle in way...

i'm trying container increase in height if either (or both) of 2 panels expanded.

var content = $("#content_container");   var childaheight = $('#news_events_panel').height(); var childbheight = $('#headteachers_panel').height();      if (content < childaheight, childbheight) {         $(content).css("height", 657 + "px");     } 

this working fine , increases height of container 657px when panels open.

the tricky bit next bit...

the user can open both panels individually , problem i'm having container returns auto height when user closes 1 of them. need container return auto if both panels closed.

if (content > childaheight & childbheight) {         $(content).css("height", "auto"); } 

basically, need 2nd script read "if content greater childaheight , childbheight, return "auto". if not, keep height.

there's easy solution, i'm very new , not clued on jquery functions.

just add them suppose :

if ( content.height() > (childaheight + childbheight) ) {         content.css("height", "auto"); } 

Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -