2011-01-16 8 views
0

Um ausblenden/anzeigen, habe ich diesen Code verwendet;jquery toggle mit buttons zwei bilder?

togglebtn.click(function() { 
    var that = this; 
    $('.togglecontainer').toggle(500, function(){ 
     var txt = $(that).html(); 
     $(that).html((txt == 'Show less') ? 'Show more' : 'Show less'); 
    }); 
}); 
togglebtn.trigger("click"); 

Aber es schaltet Text innerhalb einer Taste um. Ich möchte zwei Tasten, mit zwei diffrent img src des sagen wir mal images/show.png und images/hide.png

Vielen Dank im Voraus

+0

Warum schließen Sie 'txt == 'Show less' in Klammern ein? –

+0

Nun, ich habe diese Lösung von einer anderen Frage, aber jetzt füge ich die Grafiken und ich bin mit diesem Text fest, weil ich Bilder wollen – Opoe

Antwort

6

einen Blick auf dieses Tutorial haben - jQuery Image Swap Using Click - Dies kann sein, was Sie erreichen wollen. Lass uns wissen, wie es dir geht.

+1

Vielen Dank das ist genau das, was ich will, aber auch die jQuery Toggle-Funktion. – Opoe

1

Ich bin nicht wirklich sicher, das ist wat meinen Sie aber: Sie die IDs der Tasten könnte

verwenden
togglebtn.click(function(){ 
      var btn = this; 
     $('.togglecontainer').toggle(500, function(){ 
      var txt = $(btn).html(); 
      $(btn).html((txt == 'Show less') ? 'Show more' : 'Show less'); 
      $("#btn2_Id").html((txt == 'Show less') ? '<img src="http://yourdomain.com/images/hide.png"/>' : '<img src="http://yourdomain.com/images/show.png"/>'); 
     }); 
}); 
+0

Es ist was ich meine, ich brauche nicht die Txt obwohl nur die Bilder – Opoe

+0

Man sollte Verwenden Sie nicht den '' Tag für Schaltflächen. '' ist für Bilder, die für den Inhalt relevant sind, wie ein Foto oder ein Diagramm. Schaltflächenbilder sollten mit CSS erstellt werden. Verwenden Sie Klassen. –