jquery操作div的问题

wnf2009 2011-11-19 08:39:23
最近项目里有一个留言模块。我是用下拉div做的。循环出每一个div,一个div就是一个话题,随后旁边有下拉图标,绑定jquery的slideDown,显示出该话题的回复。问题是,如果循环出了很多话题,jquery就只对第一个层有效果。。。。如何做到点击不同的下拉图标,显示该话题的回复

<s:iterator value="page.resultlist">
<div id="topic" style=" background-image:url(img/topic_background.jpg); margin-top:20px; margin-right:20px;border:#FF9900 thin solid">
<img src="img/question.jpg" /><font style="font-weight:bold; ">${title}</font><br/>
     ${content}
<div style=" float:right; margin-top:-10px"><img id="mark" src="img/down.jpg" /></div>
<div id="reply" style=" background-color:white;">
<img src="img/reply.jpg" />
</div>
</div>
</s:iterator>


$(document).ready(
function(){
$("[id='reply']").hide();
}
);
$(document).ready(
function(){
$("#mark").click(
function(){
$("#reply").slideDown("slow",function(){
$("#mark").attr("src","img/up.jpg");
});
}
);
}
);
$(document).ready(
function(){
$("#mark").click(
function(){
if($("#mark").attr("src")=="img/up.jpg"){
$("#reply").slideUp("slow",function(){
$("#mark").attr("src","img/down.jpg");
});
}
}
);
}
);
...全文
132 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
zell419 2011-11-19
  • 打赏
  • 举报
回复
id是唯一的 。
一组元素用class 。

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧