Ver Mensaje Individual
  #8 (permalink)  
Antiguo 05/04/2011, 07:32
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 9 meses
Puntos: 192
Respuesta: funcion accordion jquery, se abra desplegado

Yo pensé que había sido claro :P

A ver. Según ví en el código fuente (el cual es imposible de leer así nomás :P), tu estructura para el acordeón es así:

Código HTML:
Ver original
  1. <div id="wrapper">
  2.     <div id="accordionButtonX">
  3.         //boton
  4.     </div>
  5.     <div id="accordionContent">
  6.         //contenido
  7.     </div>
  8.     ...
  9. </div>

El cual se repite para cada item del acordeón. Lo que tenés que hacer es identificar el DIV con clase "accordionContent" que contiene el elemento que querés mostrar. A ese item, vamos a agregarle la clase "activo". Así:

Código HTML:
Ver original
  1. <div id="wrapper">
  2.     <div id="accordionButtonX">
  3.         //boton
  4.     </div>
  5.     <div id="accordionContent activo">
  6.         //contenido
  7.     </div>
  8.     ...
  9. </div>

Entonces a tu script (el cual se encuentra en javascript.js) lo deberías modificar de la siguiente manera:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  
  3.     $('div.accordionButton').click(function() {
  4.         $('div.accordionContent').slideUp('normal');   
  5.         $(this).next().slideDown('normal');
  6.     });
  7.     $('div.accordionButton2').click(function() {
  8.         $('div.accordionContent').slideUp('normal');   
  9.         $(this).next().slideDown('normal');
  10.     });
  11.     $('div.accordionButton3').click(function() {
  12.         $('div.accordionContent').slideUp('normal');   
  13.         $(this).next().slideDown('normal');
  14.     });
  15.  
  16.     $("div.accordionContent").not('.activo').hide();
  17.  
  18. });

Observá que sólo ha cambiado la última línea, usando el método .not() para que NO OCULTE el elemento con clase activo. Eso SI funciona y es extremadamente fácil de aplicar. Acá lo ves que funciona:

http://nahueljose.com.ar/newsmile/

Creo que no puede ser más fácil que eso :P
__________________
nahueljose.com.ar