Un nuevo plugin para jQuery sale a la luz. Nuevamente, iluminado por una necesidad en un proyecto web, qué mejor que hacer las cosas a mi manera y al mismo tiempo aportar al mundo con algo que quizás le será útil a alguien más.
Un colega necesitaba hacer una sección de Preguntas Frecuentes (FAQ) y que las respuestas a las preguntas se desplegaran mediante el efecto de acordeón. Bastante simple, ¿no? Bueno, como sabrán le recomendé que lo más semántico era utilizar listas de definición (<dl>). Pero los plugins que encontraba eran muy grandes para lo poco que necesitaba (10kb+), y necesitaban además de otros plugins de jQuery para funcionar, como el Dimensions, lo que hacía que pesara aún más el total. Así que construí uno simple, customizado y parametrizable, y que finalmente pesa apenas 1kb.
Modo de Uso:
- Incluye tu librería de jQuery favorita
- Incluye el plugin jquery.simpleAccordion.js
- Inicialízalo cuando el DOM esté cargado:
$(document).ready(function(){
$('#id_elemento').simpleAccordion();
});Algunos parámetros:
- header: "selector" (cualquier etiqueta, class o id que activará el evento; <dt> es por defecto)
- collapsable: "selector" (igual que el anterior; <dd> es por defecto)
- speed: integral (un número en milisegundos ó las velocidades "slow", "normal" ó "fast"; fast es por defecto)
- Tu código debe ser algo como esto:
<dl id="id_elemento">
<dt>Elemento activo</dl>
<dd>Elemento colapsable</dd>
</dl>ó para esto:
<ul id="id_elemento_2">
<li class="cabeza">Elemento activo</li>
<li class="colapsable">Element collapsable</li>
</ul>$(document).ready(function(){
$('#id_elemento_2').simpleAccordion({
header: ".cabeza",
collapsable: ".colapsable",
speed: 200
});
}); - Tómate una cerveza helada, ya estás listo.
Bajar jQuery simpleAccordion plugin v0.9 (.zip 24kb total con ejemplo)
Requerimiento:
- jQuery 1.2+
Comentarios
gay college dating
gay asian men dating white men
largest gay dating site
generic cialis drugstore – cialis super active online on line cialis
generic cialis 2018 – cialis coupon cvs female cialis online
keto food delivery https://ketorecipesnew.com/
stromectol 6 mg – ivermectin 3mg pill ivermectin tablet 1mg
ivermectin 5 mg price – stromectol order stromectol tablets 3 mg
gay dating online south africa https://gaydatingzz.com/
atl gay dating
free female gay dating site
black gay online dating
hollywood casino online – slot games online casino real money paypal
online casino with free signup bonus real money usa – best casino online free slots online
tips for online dating gay https://freegaychatnew.com/
gay dating games steam https://gaychatus.com/
fat men dating gay
gay adult dating sims
rich gay dating
erectile dysfunction cure – for him ed pills erectile dysfunction treatment options
top rated ed pills – the blue pill ed medication for ed dysfunction
prednisone 10 mg order online – prices for 5mg prednisone 5 mg prednisone tablets
logo gay dating show
gay dating planet
gay chubs dating site
generic viagra india 100mg – viagra for sale in united states where to buy viagra online in usa
I’m not certain the place you’re getting your info, however good topic.
I needs to spend some time learning much more or understanding
more. Thank you for wonderful info I was looking for this
info for my mission.
Hello, i believe that i saw you visited my website thus i
got here to go back the favor?.I’m attempting to in finding things to enhance my website!I guess its good
enough to use a few of your ideas!!
Attractive component to content. I just stumbled upon your website
and in accession capital to claim that I acquire actually loved account your weblog posts.
Anyway I will be subscribing in your augment or even I success you get admission to consistently rapidly.
WOW just what I was looking for. Came here by searching for it
arab gay dating https://gayonlinedating.net/
texting rules gay dating https://gaydatingcanada.com/
I was curious if you ever considered changing the page
layout of your website? Its very well written; I love what youve got to say.
But maybe you could a little more in the way of content so people could connect with it
better. Youve got an awful lot of text for only having one or 2
pictures. Maybe you could space it out better? asmr https://app.gumroad.com/asmr2021/p/best-asmr-online asmr
new to gay dating
dating gay singles
gay teen dating services
ivermectin 2mg jQuery Plugin: simpleAccordion | CSSLab | Laboratorio de ideas web http://ivermectin1.com/ stromectol
gay dating websites for teens https://gayedating.com/
stromectol medicine jQuery Plugin: simpleAccordion | CSSLab | Laboratorio de ideas web http://ivermectin1.com/ ivermectin tablets
Hi there, just wanted to tell you, I liked this article.
It was funny. Keep on posting! cheap flights http://1704milesapart.tumblr.com/ cheap flights
Oh my goodness! Awesome article dude! Thank you, However I am encountering difficulties with your RSS.
I don’t understand why I cannot subscribe to it.
Is there anybody getting identical RSS issues? Anyone that knows the solution will you kindly respond?
Thanks!! quest bars http://j.mp/3C2tkMR quest bars
It’s the best time to make some plans for the future and it
is time to be happy. I’ve read this post and if I could I desire to suggest you few interesting things or advice.
Maybe you could write next articles referring to
this article. I desire to read more things about it!
scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery
Your mode of explaining the whole thing in this article
is truly fastidious, every one be capable of effortlessly be
aware of it, Thanks a lot. ps4 games https://j.mp/3nkdKIi ps4 games
Good way of explaining, and good article to obtain information concerning my presentation subject,
which i am going to deliver in college. scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery
What a beautiful blog
Awesome article. quest bars https://www.iherb.com/search?kw=quest%20bars quest bars
interacial gay dating
gay dating after 40
short gay dating
steroid prednisone https://prednisoloneprednisolone.com/
walgreens version of zyrtec – https://allergyd.com
provigil medication provigil online
co trimoxazole dosage trimoxazole infections
zyrtec for dogs – https://allergyd.com
Global Message Here this by-product
https://ivermectinsts.com ivermectin for humans
https://stromectolivermect.com stromectol ivermectin
https://stromectolivermect.com stromectol ivermectin
https://ivermectinsts.com ivermectin for humans stromectol
https://ivermectinstrom.com how to buy ivermectin
buy liquid ivermectin http://stromectolforte.com/ ivermectin where can i find ivermectin for humans
stromectol https://stromectolforte.com/# stromectol for humans order ivermectin
how does accutane work what is accutane
https://bactrimsulfamethoxazole.com/ bactrim side effects