2003best007 2009-07-24 10:51
浏览 303
已采纳

jquery处理点击标题后展开答案的问题

一段jquery代码,当点击标题时,出来的是答案,点击其他标题时,则隐藏前面点过的标题,展现当前点击的答案,但是如果现在在点击前面同一个点过的标题,则重新隐藏一下然后再展开,现在要点击已经点击过的标题没有反应,该怎么做,具体问题是出在
$("*[class^=answer]").hide();这句,我用正则去匹配,所以引起前面的现象,已知标题的class是questing1,questiong2,question3...
答案是answer1,answer2,answer3...,所有的answer默认css是display:none,请问谁能帮忙解答下,谢谢,代码如下。

$(document).ready(function() {
var index = 0;
$("*[class^=question]").mouseover(function(){
index = $(this).attr("class").substring(8);
}).click(function(){
$("*[class^=answer]").hide();
$(".answer" + index).slideToggle("slow").css("display","block");
});
});

FAQ

1.name

coming soon.
coming soon.
coming soon.
coming soon.
coming soon.

2.name

coming soon.
coming soon.
coming soon.
coming soon.
coming soon.

.answer1,.answer2 {
display:none;
}

  • 写回答

1条回答 默认 最新

  • iteye_20231 2009-07-25 22:30
    关注

    其实LZ已经快完成了
    [code="js"]
    $(document).ready(function() {
    var index = 0;
    $("*[class^=question]").mouseover(function(){
    index = $(this).attr("class").substring(8);
    }).click(function(){
    $("*[class^=answer]").not('[class=answer'+index).hide();
    $(".answer" + index).slideToggle("slow").css("display","block");
    });
    });
    [/code]
    我没有实际的去测试这个代码,不过大概就是这个思路,如有问题,我继续实测

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 乘性高斯噪声在深度学习网络中的应用
  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn,请教个问题 flink启动yarn-session.sh连不上hadoop,这个整了好几天一直不行,求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型,搭建BP模型并训练MNIST数据集
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热(温度不同)的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥30 python代码,帮调试,帮帮忙吧