Me toca hacer un minuto a minuto, algo asi que cada vez que se presente un evento, los usuarios puedan verlo sin refrescar su pagina, gol!!! y debe aparecer sin mayor refrezco de la web para el usuario.
que que tengo que hacer ?
probemos esto
<html>
<head>
<title>JQuery Collapse
<script type="text/javascript" src="jquery.js">
<script type="text/javascript">
$(function(){
$("#mostrar").click(function(event) {
event.preventDefault();
$("#caja").slideToggle();
});
$("#caja a").click(function(event) {
event.preventDefault();
$("#caja").slideUp();
});
});
</script>
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
a{color:#993300; text-decoration:none;}
#caja {
width:70%;
display: none;
padding:5px;
border:2px solid #FADDA9;
background-color:#FDF4E1;
}
#mostrar{
display:block;
width:70%;
padding:5px;
border:2px solid #D0E8F4;
background-color:#ECF8FD;
}
</style>
</head>
<body>
<a href="#" id="mostrar">MOSTRAR</a>
<div id="caja">
<p>Lorem ipsum dolor sit amet,...</p>
</div>
</body>
</html>
y si quieres verlo funcionando ve a este link DEMO
eso es todo.
sdfsdaf
ResponderEliminar