jq 使用php输出一问 一答的列表 点击某个相应问题展开相应回答
来源:互联网 发布:掌上电力说网络有问题 编辑:程序博客网 时间:2024/06/09 18:00
就是这种效果
就是这种效果
下面是代码
html: 建议复制到自己的编辑器去看吧
<volist name="res" id="res"> <li><div class="b_news_list"><img src="http://hy.exinl.com/public/static/goo/wyc/srwyc/news7.png" class="b_news7"><div class="b_news_list_right"><span class="b_ct"><b>{$res.title}</b><em>{$res.time}</em></span><img src="http://hy.exinl.com/public/static/goo/wyc/srwyc/news1.png" class="b_new1 flip" ></div> <div class="b_news_con panel" style="display: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238);"><p style="color: #333;">亲爱的无忧家人:<br></p><p style="color: #333;"> {$res.content}</p></div></div></li></volist>
jq代码:注意类名别写错了
<script type="text/javascript"> $(document).ready(function(){ $(".flip").click(function(){ var index=$(".flip").index(this);//获取点击元素序号 $(".panel").eq(index).slideToggle("slow");//显示相应的内容 }); });</script>
0 0
- jq 使用php输出一问 一答的列表 点击某个相应问题展开相应回答
- 要求改用相应的小写字母输出. 从键盘上输入一大写英文字母
- 输入12345,相应输出一万两千三百四十五的算法
- #java#点击按钮,文本框输出相应内容
- 鼠标点击相应的demo
- 点击导航下的某个栏目,出现在相应区域;滚动到某个区域,导航下的某个栏目相应效果
- contextMenu和OPtionMenu的点击事件同时相应问题
- 输出相应的星条幅
- 点击相应的按钮出现相应的页面的实现
- 解析word文档,获取相应的数据,并封装成相应的javaBean(一)
- 7.1 如何点击recyclerView 的某个项目 然后跳到相应的页面
- 微信联系人列表点击侧边栏首字母定位到相应联系人列表的实现方法
- 微信联系人列表点击侧边栏首字母定位到相应联系人列表的实现方法
- 更新某个表对应相应的表
- 相应TreeView的点击事件的处理
- asp.net 2.0 treeview点击相应的父节点文本展开子节点而不是点前面的加号才能打开
- asp.net 2.0 treeview点击相应的父节点文本展开子节点而不是点前面的加号才能打开
- 点击文字可以选中相应的checkbox
- Vim 跳转到某一指定行 批量替换 插入空行 粘贴行
- mysql中的load data infile用法
- Android之DDMS(Dalvik Debug Monitor Service)
- openstack相关概念
- 欢迎使用CSDN-markdown编辑器
- jq 使用php输出一问 一答的列表 点击某个相应问题展开相应回答
- _T() 和_L() _TEXT __T,L区别与联系详解
- [leetcode] 303. Range Sum Query - Immutable
- 【eclipse】eclipse控制台输出定向到文件
- Intellij下Maven项目jap文件修改后不需要重启Tomcat的方法
- 孙鑫 lesson13 Document
- Integer 和 int(扩展)
- 一个超简单的akka actor例子
- Cocos Creator脚本开发(二)