Trying to achieve a layout where the left dive hides and the right div floats left, but I need the right div to resize and fill the blank space of the left dive after hiding or showing.
<div class="main">
<!--heqd start-->
<div class="head">
<div class="head_l">
<!--logo -->
<img src="master3_img/logo_m.png" alt="logo" />
</div>
<div class="head_r"></div>
<div style="clear:both"></div>
</div>
<!--head end-->
<!--body part start-->
<div class="body">
<!--body left-->
<div class="body_l">
<div id="slide"></div>
<div id="clicky" class="s_r">Click me</div>
<!--body right-->
<div class="body_r"></div>
<!--body right end-->
</div>
<!--body part end-->
$(function(){
$("#clicky").click(function(){
if($("#slide").is(':visible'))
{
$("#slide").animate({ width: 'hide' });
}
else
{
$("#slide").animate({ width: 'show' });
}
});
});