JQuery переключать с помощью кнопок двух изображений?

Question

Для переключения скрытия / показа я использовал этот код;

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");

Но он переключает текст внутри одной кнопки.Я хочу две кнопки, с двумя различными: img src, скажем, images / show.png и images / hide.png

Заранее спасибо

Answer 1

Взгляните на этот урок - jQuery Image Swap, используя Click - Это может быть тем, чего вы пытаетесь достичь. Дайте нам знать, как вы поживаете.

Answer 2

Я не совсем уверен, что это то, что вы имеете в виду, но: вы можете использовать идентификаторы кнопок

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"/>');
        });
});