You Can use following code...
<html >
<head>
<script type="text/javascript" src="javascript/jquery-1.2.6.pack.js"></
script>
<script type="text/javascript">
$(document).ready(function() {
$('#list1').hide();
$('#list').show();
$("#btn .btn1").bind("mouseover", function(){
$('#list').show("slow");
$('#list1').hide();
});
$("#btn1 .btn2").bind("mouseover", function(){
$('#list1').show("slow");
$('#list').hide();
});
});
</script>
<style type="text/css">
#btn{width:200px; float:left;}
#btn1{width:200px; float:left;}
.btn1{width:120px; height:25px; background:#333333; color:#fff; text-
align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-
size:11px; cursor:pointer;}
.btn2{width:120px; height:25px; background:#333333; color:#fff; text-
align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-
size:11px; cursor:pointer;}
</style>
</head>
<body>
<div id="list">
Image
</div>
<div id="list1">
Video
</div>
<div id="btn">
<input name="Image" type="button" class="btn1" value="Image" />
</div>
<div id="btn1">
<input name="Video" type="button" class="btn2" value="video" />
</div>
</body>
</body>
</html>
This code i used to display and hide two divs one at a time...
On Mar 28, 12:56 pm, bharani kumar <bharanikumariyer...@gmail.com>
wrote:
> Hi All
> Can some one send example snippet for
>
> Show DIV
>
> and Hide DIV in Body On click,
>
> I have some snippet, but that are not full fill my need,
>
> Exact example for clear view is in yahoo classic reply and reply-to-all ,
>
> --
> உங்கள் நண்பன்
> பரணி குமார்
>
> Regards
> B.S.Bharanikumar
>
> POST YOUR OPINIONhttp://bharanikumariyerphp.site88.net/bharanikumar/
