Evitar que Slidetoogle mueva el contenido de la pagina para abajo

Citar

Escrito el 18 Mar 2012 11:31 pm

Hola que tal? estoy teniendo un problema....utilizando jquery ...pongo un link....cuando se hace click debe aparecer un iframe ....con slidetoogle...pero no quiero que mueva el contenido de la pagina para abajo...quiero que aparezca por arriba del contenido. Probe con z index y con position absolute....pero sigue moviendo todo.

Aqui el codigo:

Código HTML :

<html>
<head>

</head>
<body>



<a href=# class="btn1">
<img src="buttons/fb.png" width=100 height=100></img>
</a>


<div id="facebookstream" style="display:none;">
<iframe src="facebook.html" frameborder=0 height="300px" width="275" scrolling=no></iframe></img>
</div>


<a href=# class="btn2">
<img src="buttons/twitter.png" width=100 height=100></img>
</a>


<div id="twitterstream" style="display:none;">
<iframe src="twitter.html" frameborder=0 height="300px" width="275" scrolling=no></iframe>
</div>


</body>
</html>

el JS

Código Javascript :

$(document).ready(function(){
  $(".btn2").click(function(){
    $("#facebookstream").slideToggle('slow');
  });
  $(".btn1").click(function(){
    $("#twitterstream").slideToggle('slow');
  });
});

el css

Código :

#facebookstream { height: 300px; width: 275px; border: 1px black; position: absolute; bottom: 150px; left: 550px; overflow-y: scroll:none; display:none; z-index: 1000  }


#twitterstream { height: 300px; width: 275px; border: 1px black; position: absolute; bottom: 150px; left: 650px; overflow-y: scroll:none; display:none; z-index: 1000 }

Ojala alguien me pueda ayudar...desde ya muchas gracias

Por aces

11 de clabLevel

Envíale un mensaje privado