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'); }; 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') }); });
Comments
Post a Comment