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 <div id="accordionButtonX"> //boton
<div id="accordionContent"> //contenido
...
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 <div id="accordionButtonX"> //boton
<div id="accordionContent activo"> //contenido
...
Entonces a tu script (el cual se encuentra en javascript.js) lo deberías modificar de la siguiente manera:
Código Javascript
:
Ver original$(document).ready(function() {
$('div.accordionButton').click(function() {
$('div.accordionContent').slideUp('normal');
$(this).next().slideDown('normal');
});
$('div.accordionButton2').click(function() {
$('div.accordionContent').slideUp('normal');
$(this).next().slideDown('normal');
});
$('div.accordionButton3').click(function() {
$('div.accordionContent').slideUp('normal');
$(this).next().slideDown('normal');
});
$("div.accordionContent").not('.activo').hide();
});
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