Witam mam pewien problem, związany z tym że muszę użyć toggle z Jquery do aplikacji i nie rozumiem do końca zasady funkkcjonowania.
Otóż chcę zrobić ze po naciśnięciu na link w którym jest obrazek, żeby obrazek się zminiał i po kliknięciu jeszcze raz wrócił do podstawowej formy, tj:

załóżmy mam link Rozwiń, i po kliknięciu pokazuje się Zwiń. Nie jest to trudne za pomocą jquery zrobić, lecz problem zaczna się gdy są to obrazki

oto kod który znalazłem w internecie związany z przykładem tekstowym:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
 $(document).ready(
 function()
 {
 $("#link").click(
 function()
 {
 $("#more").toggle();
 }).toggle(function() { $(this).text('Zwiń'); }, function() { $(this).text('Rozwiń'); }); });
</script>
[HTML] pobierz, plaintext 

link:

[HTML] pobierz, plaintext 
<a href="#" id="link">Rozwiń</a>
[HTML] pobierz, plaintext 

Tutaj działa to bez zarzutów.


Natomiast jeśli chcę przerobić to na obrazkowe to się pojawia problem, gdyż jesli wrzucę w pole

[HTML] pobierz, plaintext 
...
$(this).text('<img src="images/cos.png"  />');
[HTML] pobierz, plaintext 

To po kliknięciu pojawia mi się tekst zamiast obrazka.

Jak przerobić tą funkcje tak by działo to na obrazku?

Z góry dziękuje za pomoc.

zastąp

[HTML] pobierz, plaintext 
$(this).text('<img src="images/cos.png" />');
[HTML] pobierz, plaintext 

na

[HTML] pobierz, plaintext 
$(this).html('<img src="images/cos.png" />');
[HTML] pobierz, plaintext 

metoda text służy tylko i wyłącznie do tekstu (jak nazwa wskazuje )