Ciao, sto provando a fare un pannello laterale che appare/scompare tramite click.Al momento ho fatto così:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
<style type="text/css" media="screen">
body {
margin:0;
padding:0;
}
.wrapper {
position:relative;
left:-300px;
width:400px;
height:400px;
z-index: 999;
}
#panel {
background:red;
position:absolute;
right:0;
top:30px;
width:100px;
height:150px;
cursor:pointer;
z-index: 999;
}
.wrapper > p {
background:#000;
color:#fff;
width:300px;
height:400px;
}
#panel-content {
background:#000;
color:#fff;
width:300px;
height:400px;
}
#maincontainer {
width: 600px;
height: 500px;
margin-left: auto;
margin-right: auto;
background: #ccc;
overflow: hidden;
z-index: 1;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var isOpen = false;
$('#panel').click(function() {
if (isOpen) {
$(this).parent().stop(true, true).animate({left: '-300'}, 'fast');
} else {
$(this).parent().stop(true, true).animate({left: '0'}, 'fast');
}
isOpen = !isOpen;
});
});
</script>
Click Me
<!-- #panel -->
Contenuto Pannello
<!-- .wrapper -->
bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
<!-- #maincont -->
Purtroppo il div txt viene visulizzato sotto al pannello a scopmparsa, io vorrei che il
pannello a scomparsa fosse laterale al div txt e una volta attivato ill
pannello questo appaia sovrapposto al div txt. E' una cosa fattibile? Mi
date qualche suggerimento?GrazieQuello che vorrei è che il pannello appaia/scompaia sopra al div txt
