--JQuery--accordion

[hector2c]

lalalala:

Código PHP:

  <script language="javascript" type="text/javascript" src="extras/js/jquery/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function(){
        $("#acordeon>div").hide();
        $("#acordeon>h1").addClass('aco_titulo');
        $("#acordeon>div").addClass('aco_contenido');
        $("#acordeon>h1").click(function(){
            $(this).next('div').slideToggle();
        });
    });
</script> 
  

el estilo

Código HTML:

<style type="text/css">
	#acordeon{
		font-family: "Lucida Sans Unicode";
		font-size: 11px;
	}
	p{
		margin: 0px 0px 20px 0px;
	}
	.aco_titulo{
		font-family: "Lucida Sans Unicode";
		font-size: 11px;
		margin: 0px;
		color: #fff;
		cursor: pointer;
		background-color: #06f;
		padding: 8px;
	}
	.aco_contenido{
		padding: 20px 20px 0px 20px;
		border: 1px solid #06f;
		border-top: 0px;
	}
</style> 

el html

Código HTML:

<div id="acordeon">

    <h1>Conejo</h1>
    <div>
        <p>Tradicionalmente se consideraban dos subespecies: O. cuniculus cuniculus (Linnaeus, 1758), extendido por toda la Pen&iacute;nsula Ib&eacute;rica, y O. cuniculus huxleyi, conocida tambi&eacute;n como O. cuniculus algirus (Haeckel, 1874), restringido a Galicia, Portugal, suroeste de Espa&ntilde;a y norte de &Aacute;frica. &Eacute;sta &uacute;ltima subespecie es m&aacute;s primitiva, peque&ntilde;a y menos robusta que la primera y se supone que su introducci&oacute;n en &Aacute;frica se debe a la acci&oacute;n del hombre. Est&aacute; protegida en las islas del Mediterr&aacute;neo y Atl&aacute;ntico.[4]</p>
        <p>Se considera que las razas dom&eacute;sticas descienden de la subespecie O. cuniculus cuniculus.</p>
    </div>

    <h1>Aqui viene el titulo 2</h1>
    <div>
        <p>Tradicionalmente se consideraban dos subespecies: O. cuniculus cuniculus (Linnaeus, 1758), extendido por toda la Pen&iacute;nsula Ib&eacute;rica, y O. cuniculus huxleyi, conocida tambi&eacute;n como O. cuniculus algirus (Haeckel, 1874), restringido a Galicia, Portugal, suroeste de Espa&ntilde;a y norte de &Aacute;frica. &Eacute;sta &uacute;ltima subespecie es m&aacute;s primitiva, peque&ntilde;a y menos robusta que la primera y se supone que su introducci&oacute;n en &Aacute;frica se debe a la acci&oacute;n del hombre. Est&aacute; protegida en las islas del Mediterr&aacute;neo y Atl&aacute;ntico.[4]</p>
        <p>Se considera que las razas dom&eacute;sticas descienden de la subespecie O. cuniculus cuniculus.</p>
    </div>

    <h1>Aqui viene el titulo 3</h1>
    <div>
        <p>Tradicionalmente se consideraban dos subespecies: O. cuniculus cuniculus (Linnaeus, 1758), extendido por toda la Pen&iacute;nsula Ib&eacute;rica, y O. cuniculus huxleyi, conocida tambi&eacute;n como O. cuniculus algirus (Haeckel, 1874), restringido a Galicia, Portugal, suroeste de Espa&ntilde;a y norte de &Aacute;frica. &Eacute;sta &uacute;ltima subespecie es m&aacute;s primitiva, peque&ntilde;a y menos robusta que la primera y se supone que su introducci&oacute;n en &Aacute;frica se debe a la acci&oacute;n del hombre. Est&aacute; protegida en las islas del Mediterr&aacute;neo y Atl&aacute;ntico.[4]</p>
        <p>Se considera que las razas dom&eacute;sticas descienden de la subespecie O. cuniculus cuniculus.</p>
    </div>

</div> 

Te ahorras cargar tooodo el ui jejejeje