[英]Jquery Slide Toggle - How to change image on toggle?
I want to change the image inside class="slide"
when its toggled. 我想在切换
class="slide"
更改class="slide"
内的图像。 There are several widgets like this so relevant widget image must be changed. 有几个这样的小部件,因此必须更改相关的小部件图像。
<div class="widget">
<h3>Inhaltsverzeichnis</h3>
<div class="widgetbox">
<ul>
<li><a href="#"> Prozessbeschreibung</a></li>
<li><a href="#">Produkte & Dienstleistung </a></li>
<li class="active"><a href="#">Beschaffen</a></li>
<li><a href="#"> Prozess-Steckbrief</a></li>
<li><a href="#"> Beschreibung</a></li>
<li><a href="#"> Mitgeltende Dokumente</a></li>
<li><a href="#"> Korrekturhinweise</a></li>
<li><a href="#"> Optimierungsvorschläge</a></li>
<li><a href="#"> Prozessübersicht</a></li>
</ul>
</div>
<div class="slide"><img src="img/slideup.png" width="16" height="15" alt=""/</div>
</div>
currently Js is 目前Js是
$(".slide").click(function(){
$(this).prev().children().slideToggle("slow", function() {
});
});
now how can i change the img slideup.png to slidedown.png when the ul is hidden , the following works but it replaces all images from all widgets. 现在,当ul隐藏时,如何将img slideup.png更改为slidedown.png,以下方法可以工作,但是它将替换所有小部件中的所有图像。
if ($('div.widgetbox>ul').css("display")=="none") {
$(".slide>a>img").attr("src", "img/slidedown.png");
}
else{
$(".slide>a>img").attr("src", "img/slideup.png");
}
You can give id for img tag eg: 您可以为img标签指定ID,例如:
<img src="flower.png" id="image"/>
then 然后
$(".slide").click(function(){
$(this).prev().children().slideToggle("slow", function() {
$('#image').attr('src','sample.png');
});});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.