Lo conseguí!
Dejo el ejemplo
http://fdw.neodani.com/jquery/mostra...r/ejemplo1.php
Y aquí el código:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function()
{
$(".titulo a").click(function(event) {
event.preventDefault();
$(this).toggleClass('open').siblings().removeClass('open').end();
$("#caja").toggle();
});
});
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
#box{
width:400px;
}
a{color:#000; text-decoration:none;}
#caja {
display: none;
padding:5px;
border:2px solid #ccc;
background-color:#eee;
}
.titulo {
background:url("inner.gif") repeat-x scroll center bottom #DDDCDD;
border:1px solid #DEDEDE;
color:#000000;
padding:8px;
font-weight:bold;
}
.titulo a.open{
background:url("inactivate.gif") no-repeat 0px -2px;
padding-left:25px;
height:20px;
outline:0;
}
.titulo a{
background:url("activate.gif") no-repeat 0px -2px;
outline:0;
padding-left:25px;
}
<div class="titulo"><a class="open" href="#"></a>Ticket Information
</div> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren
</p>
Saludos!