jQuery的:切换图像 [英] JQuery :toggle images

问题描述

当我单击特定的div时，我想通过jQuery切换照片，我有两个图像(close1.gif和open.png)，现在它仅在第一次工作，关闭照片替换以打开照片，但是我想如果我再次单击div，请替换打开的照片以将其关闭.
这是我的代码:

I would like to toggle photo by jQuery while I click on specific div , I have two image (close1.gif and open.png), Now it's working just first time , close photo replace to open photo, but I want to replace open photo to close if I click on div again.
Here is my code:

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

推荐答案

您可以使用

$(".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的:切换图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！