hide div onclick

[Jaswinder]

hi everyone.

i have three divs.

what i want to achieve is on clinking the 2nd div , hide the 1st and 2nd both divs and show the 3rd.. what i did still now is .

<div class="first">
some text
</div>
<div class="mid">button</div>
<div class="end">
some text
</div>

<script>
$('.mid').click(function() {

    var  $group = $(this);
	
	$group.prev('.first').toggle('slow');
	$group.hide();
	$group.next('.end').toggle('slow');
    
});

i am not able to hide the mid div,

Toggle effect is working perfectly on both other divs

[denno020]

What's the effect you're after? I don't understand..

[Jaswinder]

Thanks for reply .. but i get it solved, there is a css issue, which stopping me from doing it.

 

what i want to achieve was..

 

when i click on my mid div, the first and mid both divs get hide and end div shows up