Code: Select all
<__script__ type="text/javascript" src="../jquery-1.2.1.js"></__script>
<__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">ëèíê</a>
<div id="caja">
<a href="#" class="close">[x]</a>
<p>Ðàñêðûâàþùèéñÿ êîíòåíò âíóòðè äèâà...</p>
</div>Ïîñëå âñòàâêè âîò ýòîãî êóñêà â ìåòàäàòó:
Code: Select all
<__script__ type="text/javascript">
$(function()
{
$("#mostrar").click(function(event) {
event.preventDefault();
$("#caja").slideToggle();
});
$("#caja a").click(function(event) {
event.preventDefault();
$("#caja").slideUp();
});
});
</__script>
