[jQuery] - Problem z funkcją html() Opcje

[dominick]

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:

[HTML] pobierz, plaintext 
   <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>
   </a>
[HTML] pobierz, plaintext 

Funkcja jQuery:

[HTML] pobierz, plaintext 
   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">');
        }
    });
[HTML] pobierz, plaintext 

Proszę o naprowadzeni na błąd, pozdrawiam

Ten post edytował dominick 2.05.2015, 09:51:43

[nospor]

nie: if (jQuery('.aria-btn').attr('aria-expanded')
a: if (jQuery(this).attr('aria-expanded')

[dominick]

działa, dziękuje ale mógłbyś mi wytłumaczyć co to zmieniło?

[nospor]

Sprawdzajac warunek miales sie odwolac do konkretnego elementu, tak jak ustawiasz wartosc to ustawiasz dla konkretnego elementu... To jest dokladnie to samo