sidebar jquery left right

header code

<link rel=”stylesheet” href=”http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css”&gt;
<style>
#con{
position:absolute;
top: 20%;

width: 300px;}

#toggle {
width: 250px;
height: 500px;
background: #ccc;
display:none;
float:left;
}
#flip {
background:url(images/sibdebar.jpg);
float:left;
height: 500px;
width: 50px;

}
</style>
<script src=”http://code.jquery.com/jquery-1.9.1.js”></script&gt;
<script src=”http://code.jquery.com/ui/1.10.3/jquery-ui.js”></script&gt;

 

and body portion

<div id=”con”><div id=”flip”> </div>
<div id=”toggle”><img src=”image/ta.jpg” width=”250″ height=”500″ alt=””/>
</div></div>

<script>
$(document).ready(function(){
$(“#flip”).click(function(){
$( “#toggle” ).toggle( “slide” );
});
});
</script>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s