Hola, saben tengo el siguiente problema, tengo un especia de Tabs en mi pagina, funciona de la siguiente manera, tengo 4 botones y 4 div, cada boton me carga la informacion del div (algo como un slideshow), pero resulta que ahora necesito que un boton me carge 2 div, asi cada botón.
Esto es por lo siguiente, como esta la pagina estructurada, necesito que al hacer click me muestre información en 2 contenedores diferentes dentro del html y no se como hacer esto.
No se si alguno de ustedes pudiera ayudarme con la estructura.
La que tengo es la siguiente:
Código:
$(function() {
// setup ul.tabs to work as tabs for each div directly under div.panes
$("ul.tabs").tabs("div.panes > div");
});
<ul class="tabs">
<li><a href="#" class="boton">Videos</a></li>
<li><a href="#" class="boton">Papelería</a></li>
<li><a href="#" class="boton">Imagen corporativa</a></li>
</ul>
<div class="panes" id="descripcion-botones">
<div>
<img id="foto_botones" src="img/video.png" alt="Foto de un Video">
<p>1 Desarrollo de videos de carácter conmemorativos o publicitarios, según necesidad, con variados efectos.</p>
<a class="link_visibles" href="servicios.html" title="Ir a la sección de videos">Ir a Videos</a>
</div>
<div>
<img id="foto_botones" src="img/video.png" alt="Foto de un Video">
<p>2 Desarrollo de videos de carácter conmemorativos o publicitarios, según necesidad, con variados efectos.</p>
<a class="link_visibles" href="servicios.html" title="Ir a la sección de videos">Ir a Papelería</a>
</div>
<div>
<img id="foto_botones" src="img/video.png" alt="Foto de un Video">
<p>3 Desarrollo de videos de carácter conmemorativos o publicitarios, según necesidad, con variados efectos.</p>
<a class="link_visibles" href="servicios.html" title="Ir a la sección de videos">Ir a Diseño web</a>
</div>
</div><!-- Fin descripcion-botones-->
Y utilizo el jquery.tools
Espero sus sugerencias.
Saludos