Buongiorno a tutti,
vengo subito al dunque, ho un menu a tendina del genere:
css:
Sto cercando di utilizzare il metodo "slideToggle()" però non funziona. Quello che succede: al primo click su "seleziona" la tendina scende giu ma lo stesso <li> "seleziona" va in display none. Potete darmi una mano. Grazie anticipatamente e buona giornata
vengo subito al dunque, ho un menu a tendina del genere:
Codice:
<div class="menu-first">
<ul id="options">
<li><a href="#">Seleziona</a></li>
<li><a href="#">Opzione1</a></li>
<li><a href="#">Opzione2</a></li>
<li><a href="#">Opzione3</a></li>
<li><a href="#">Opzione4</a></li>
<li><a href="#">Opzione5</a></li>
</ul>
</div>
<script type="text/javascript">
$(document).ready( function(){
$("#options li:first-child a").click( function(){
$("#options li").slideToggle('1000');
});
});
</script>
css:
Codice:
.menu-first #options li a {
color: #FFFFFF;
display: block;
}
.menu-first #options li:first-child {
display: block;
}
.menu-first #optoins {
background: none repeat scroll 0 0 #C6C6C6;
height: 25px;
position: relative;
width: 640px;
z-index: 1;
}
.menu-first #options li {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-size: 12px;
position: relative;
width: 203px;
display: none;
z-index: 1;
}
Sto cercando di utilizzare il metodo "slideToggle()" però non funziona. Quello che succede: al primo click su "seleziona" la tendina scende giu ma lo stesso <li> "seleziona" va in display none. Potete darmi una mano. Grazie anticipatamente e buona giornata
Ultima modifica di un moderatore: