JQuery：切换图片

Question

我想通过jQuery切换照片，而我点击特定的div，我有两个图像（close1.gif和open.png），现在它只是第一次工作，关闭照片替换打开照片，但我想如果我再次点击div，请将打开的照片替换为关闭 这是我的代码：

的 HTML：

<div class=" server_Toggle subject-panel">
        <div>
                <p >server property</p><img alt="" src="images/close1.gif">
        </div>
            <ul id = "hidden_server">
                <li>
                    <a href="<?php echo $this->url(
                    array(
                        'controller' => 'server',
                        'action'     => 'index'
                    ),
                    'default',
                    true) ?>">  Server
                    </a>
                </li>
           </ul>

JQuery的：

$(".server_Toggle").click(function(){
    $("#hidden_server").slideDown(1000);
    $(this).find('img').attr('src', 'images/open.png');
});

Answer 1

您可以使用

$(".server_Toggle").click(function () {
    $("#hidden_server").slideToggle(1000);
    $(this).find('img').attr('src', function(i, src){
        return src == 'images/open.png' ? 'images/close1.gif' : 'images/open.png';
    });
});