有关jquery收起和展开的

问题描述

有关jquery收起和展开的

当点击回复时,展开内容并且把展开改为收起回复,当点击收起回复内容,把收起回复改为原来的回复();我写了以下代码,行不通。

 $(".repeat").toggle(function(){
     $(this).text($txt);

     $(this).parent().siblings(".other-comment").hide();

},function(){
     var $txt=$(this).text();
     $(this).text("收起回复");
    $(this).parent().siblings(".other-comment").show();
    ;

})

解决方案

jquery 菜单展开收起
jQuery学习笔记(3)---点击触发菜单的展开与收起
jquery 折叠&展开

解决方案二:

我的如果不要 $(this).text($txt);也是可以运行的

解决方案三:

http://blog.csdn.net/o_pikaka/article/details/7828121

时间: 2024-10-19 18:31:17

有关jquery收起和展开的的相关文章

基于jQuery实现收缩展开功能_jquery

本文实例向大家分享了一款基于jQuery实现收起展开功能特效,供大家参考,具体内容如下 效果图: 点击倒三角可以进行展开操作 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-widt

JavaScript控制网页层收起和展开效果的方法_javascript技巧

本文实例讲述了JavaScript控制网页层收起和展开效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <meta http-equiv="pragma" content=&q

jQuery实现可展开折叠的导航效果示例_jquery

本文实例讲述了jQuery实现可展开折叠的导航效果.分享给大家供大家参考,具体如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0; margin: 0;} li{ list-style-type: none;}

jQuery实现可展开合拢的手风琴面板菜单_jquery

本文实例讲述了jQuery实现可展开合拢的手风琴面板菜单.分享给大家供大家参考.具体如下: 这是一款大家都常见的折叠菜单,手风琴折叠面板,会展开和合拢,带点Flash动画效果,修改时请注意: slideUp : 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数.这个动画效果只调整元素的高度,可以使匹配的元素以"滑动"的方式隐藏起来. slideDown: 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数.这个动

jQuery实现表格展开与折叠的方法_jquery

本文实例讲述了jQuery实现表格展开与折叠的方法.分享给大家供大家参考.具体分析如下: 这是很人性化的一款特效代码,实现点击其中一个父级,另一个之前打开的父级会自动关闭 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery表格展开折叠,默认折叠</title> <style> table{ border:0;borde

jQuery实现文本展开收缩特效

  在网页上只有一个小区域,但是说明性的文字又很长,下面这段脚本实现的是长文字的部分显示. 当用户点击展开时,文字展开,收缩时文字收缩. 本来用jQuery自带的toggle()就可以写,但是我做的时候 toggle一直不work,所以就用了click + 标志位来做的 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 4

JavaScript控制网页层收起和展开效果的方法

 具体如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84

jQuery图片的展开和收缩实现代码_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title

jQuery实现滚动展开(加载)更多内容方法详解

php代码    代码如下 复制代码 function wppress_json(){//滚动的时候加载     $wp = M('Wppress');     $input = $_GET['page'];     $start = $input*15;     $list = $wp->limit("$start,15")->order("time desc")->select();     //$list['time']=1;