Questo script leggerissimo (appena 1 Kb) offre la possibilità di creare degli “accordion” senza ricorrere a nessun framework. Il suo utilizzo è semplicissimo, basta creare una lista di elementi:

<ul id=”sm” class=”sm”>
<li><img src=”images/1.gif” alt=”" /></li>
<li><img src=”images/2.gif” alt=”" /></li>
<li><img src=”images/3.gif” alt=”" /></li>
<li><img src=”images/4.gif” alt=”" /></li>
</ul>

e successivamente richiamare questa funzione nell’evento “onload”:

slideMenu.build(’sm’,200,10,10,1)

Il primo parametro rappresenta la classe dell’elemento lista che si vuole trasformare in accordion; il secondo specifica la larghezza in pixel della porzione di accordion selezionata; il terzo specifica il timeout di chiamata della funzione di sliding; il quarto specifica la velocità dell’accordion, dove 1 rappresenta la velocità massima. L’ultimo parametro è facoltativo e permette di specificare quale sezione dell’accordion dev’essere visualizzata come aperta al caricamento della pagina.

Lo script è scaricabile a questo indirizzo, dove trovate anche la documentazione necessaria.



Altri articoli che potrebbero interessarti