jquery - テキストの代わりに画像を追加するにはどうすればよいですか?

Question

4 つの画像があり、それが ( .panel) 下にスライドすると、テキストを表示できます。しかし、画像や音声を追加したり、フォントの色を変更したりするにはどうすればよいでしょうか。

これは、Karlen Kishmiryan の厚意によるリンクです。

http://jsfiddle.net/daM6h/1/

Answer 1

これを試して

 $panel.html('<img src="img.png" />').slideToggle();

コード

$(document).ready(function () {
    var $panel = $('.panel');
    var hello = 'Hello world, ';
    $('.wrapper').on('click', 'img', function () {
        var $img = $('<img />', {
            src: 'img.jpeg'
        })
        $panel.html($img).slideToggle();
    });
});

フィドルをチェック

Answer 2

使用する.html('<img src="/file/filename" height="32px" width="32px"/>')

ここでフィドルを参照してください：http://jsfiddle.net/qkvvt/