JQuery的：切换图片(JQuery :toggle images)

我想通过切换jQuery的照片，而我点击具体的div，我有两个图像（close1.gif和open.png），现在它的工作只是第一次亲密照更换打开照片，但我想更换打开照片关闭如果我再次点击股利。
这里是我的代码：

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

文章来源: JQuery :toggle images