Witam, Problem polega na tym, że mam tworzone przyciski w pętli i chce aby po kliknięciu zmieniał się tekst przycisku. Poniższy kod działa ale tylko na 1 pozycji gdyż na każdej kolejnej działa tylko raz, zmienia na zwiń ale po ponownym kliknięciu nie zmienia teksty na "czytaj więcej", sprawdzałem aria-expanded zmienia się na true.
przycisk:
<a class="aria-btn" data-toggle="collapse" href="#collapseExample<?php the_ID(); ?>" aria-expanded="false" aria-controls="collapseExample
<?php the_ID(); ?>">
Czytaj więcej...
<span class="icon-read glyphicon glyphicon-chevron-down"></span>
Funkcja jQuery:
jQuery('.aria-btn').click(function(){
if (jQuery('.aria-btn').attr('aria-expanded') == 'true') {
jQuery(this).html('Czytaj więcej...
<span class="icon-read glyphicon glyphicon-chevron-down">');
}
else{
jQuery(this).html('Zwiń
<span class="icon-read glyphicon glyphicon-chevron-up">');
}
});
Proszę o naprowadzeni na błąd, pozdrawiam