jquery - Rhinoslider with varies height for each page/slide -

i'm using rhinoslider sliding pages. each pages have different content, , hence different height. @ moment, i'm having difficulty in setting height each page. if don't set #slider have fix height, going have height of pages, way tall. know, set manually each page, there way can set may before sliding next page, detect next item height or something.

here html:

<div class="container">         <div id="slider">             <div class="form-step"></div>             <div class="form-step"></div>             <div class="form-step"></div>         </div> </div> 

and css:

#slider {   width: 100%;   height: 1000px;   background-color: #fff;   color: #545454; } 

and js want on clickin next-btn:

$('#next_btn').live("click",function(){      // height of next rhino-item or } 

i've been trying next page height return null.

can help? thanks.