Php JQuery:切换图像
我想在单击特定div时通过jQuery切换照片,我有两个图像(close1.gif和open.png),现在它第一次工作,关闭照片替换以打开照片,但如果我再次单击div,我想将打开的照片替换为关闭。Php JQuery:切换图像,php,jquery,zend-framework,Php,Jquery,Zend Framework,我想在单击特定div时通过jQuery切换照片,我有两个图像(close1.gif和open.png),现在它第一次工作,关闭照片替换以打开照片,但如果我再次单击div,我想将打开的照片替换为关闭。 这是我的密码: HTML: <div class=" server_Toggle subject-panel"> <div> <p >server property</p><img alt="" s
这是我的密码:
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>
你可以用
$(".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';
});
});
$(".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';
});
});