javascript - Jquery click firing on all elements -


i attempting use bootstrap's collapse feature custom icons font-awesome. able collapse work problem having of icons being triggered jquery's click, want scale because @ given time amount of "containers" can change. suggestions appreciated.

$(document).ready(function () {     $fachevrondown = $('.fa-chevron-down');     var z = 0;     $fachevrondown.click(function () {         if (z == 0) {             turnup();             z++;         } else {             turndown();             z = 0;         }     }); });  function turnup() {     $fachevrondown.removeclass('fa-chevron-down');     $fachevrondown.addclass('fa-chevron-up'); };  function turndown() {     $fachevrondown.removeclass('fa-chevron-up');     $fachevrondown.addclass('fa-chevron-down'); }; 

js fiddle

thank edit : thank great answers!

i'm not sure point of z variable is, can reduce have, , fix problem of not referencing element using this, using just:

$(document).ready(function () {     $('.fa-chevron-down').click(function () {         $(this).toggleclass('fa-chevron-down fa-chevron-up')     }); }); 

jsfiddle example


Comments

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -