JQuery collapsible panels working together -

i have simple question collapsible panels jquery. have left side panel(top bottom) menu , bottom panel contains form elements.
left , bottom panels both collapsibe , must not overlap. thing when collapse left panel bottom panel should expand full width , vice versa.

can point me example this, please? couldn´t find one. thanks

first of all, question not clear , concept blurry. achieve requirement, should use jquery ui , animation should accordian(). can achieved combination of slideup() & slidedown() functions.

below sample click event on div element use toggle & slideup().

//click function expanding event  $(document).on('click',".bill-description",function() {     //close elements other clicked 1      $("element list").not($(this).next("clicked element")).slideup(600);     //open clicked element     $(this).next("clicked element").slidetoggle(600);  }); 

the above function written custom accordion effect. know accordion effect read this.

the first line used close elements not 1 clicked. hence not. second used open clicked element.