Accordéon vertical ne veut pas resté ouvert.

Bonjour/bonsoir !

Je viens quémander votre aide. =D
Alors, voilà mon problème, j'ai fait un accordéon vertical grâce à un tuto sur internet, je n'ai plus le lien, mais voici mes codes :

Code:

.verticalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
    width: 500px;
}
 
.verticalaccordion>ul>li {
    display:block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
    height:40px;
    width: 500px;
  font-style: ;

 
    /* Decorative CSS */
    background-color:#232015;
 
    /* CSS3 Transition Effect */
    transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -webkit-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
}
 
.verticalaccordion>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:19px;
  position:relative;
 border-radius: 14px 14px 0px 0px;
    /* Decorative CSS */
    font-style: italic;
font-size: 25px;
letter-spacing: 0px;
text-transform: lowercase;
letter-spacing: -2px;
font-weight: bolder;
font-family: times new roman;
text-shadow: 0px 0px 1px #0D296B;
color: #ad2714;
    background: #232015;
 
    /* CSS3 Gradient Effect */
 
    background: -moz-linear-gradient( top, #433d31, #232015);
    background: -webkit-gradient(linear, left top, left bottom, from(#433d31), to(#232015));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff433d31, endColorstr=#ff232015); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff433d31, endColorstr=#ff232015)";  /* IE 8 */
}



.verticalaccordion>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:300px;
}
 
.verticalaccordion>ul>li:hover {
    height: 300px;
}
 
.verticalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
    background: #232015;
 
    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #433d31, #232015);
    background: -webkit-gradient(linear, left top, left bottom, from(#433d31), to(#232015));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff433d31, endColorstr=#ff232015); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff433d31, endColorstr=#ff232015)";  /* IE 8 */
}
 
.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}

Code:

<table><tr><td></td><td><blockquote><div class="verticalaccordion">
<ul>
    <li>
        <h3><center>Contexte</center></h3>
        <div>blablalba</div>
    </li>
    <li>
        <h3><center>Staff & PV</center></h3>
        <div>blablalba</div>
    </li>
<li>
        <h3><center>Nouveautés & Partenariats</center></h3>
        <div>blablalba
</div>
    </li>


   
</ul>
</div></blockquote></td></tr></table>

Ce que j'aimerais c'est que la première catégorie de mon accordéon reste ouverte, comme pour un accordéon horizontal, car ça déforme toujours mon forum. Evidemment si ce n'est pas possible, je trouverais autre chose.
Je suis sous forumactif et firefox.

Merci d'avance de m'apporter une réponse et peut être une solution. =)

Bonjour,

Où cela en est-il?

Toujours le même problème... >.>

Bonjour,

Où cela en est-il?

Ce n'ai toujours pas résolut. =/

Bonjour,

Où cela en est-il? Penses à up ..

Je n'ai toujours pas trouvé la solution, mais tu peux archiver, je ferais autrement. ^^
Merci. =)

Comme tu veux ^^

Je lock donc Bonne chance