JQuery :切换图片

Question

我想在点击特定 div 时通过 jQuery 切换照片，我有两张图片（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';
    });
});

JQuery :切换图片

JQuery :toggle images

php

jquery

zend-framework