<div class="global_module news">
<h3>
最新动态 <img src="../images/down.gif" alt="" class="module_up_down"/>
</h3>
<div class="scrollNews">
<ul>
<li>
<a href="#" class="tooltip" title="甜美宽松毛衣今秋一定红.">甜美宽松毛衣今秋一定红.</a>
</li>
</ul>
</div>
</div>
$(function () {
var $pan=$(".module_up_down");
$pan.toggle(function () {
$(this).attr("src", "../images/up.gif");
$pan.parent().prev().slideUp(600);
}, function () {
$(this).attr("src", "../images/down.gif");
$pan.parent().prev().slideDown(600);
});
貌似prev()没用
var $pan=$(".module_up_down");
$pan.toggle(function () {
$(this).attr("src", "../images/up.gif");
$(".scrollNews").slideUp(600);
}, function () {
$(this).attr("src", "../images/down.gif");
$(".scrollNews").slideDown(600);
});
赞同这个。如果你只是对一两个元素使用toggle,那就如上。
如果是对同一类的,那就都加上一个自定义的标签,用attr("newname",setnewname)然后each。