jq 使用php输出一问 一答的列表 点击某个相应问题展开相应回答
2016-07-29 11:30
253 查看
就是这种效果
就是这种效果
下面是代码
html: 建议复制到自己的编辑器去看吧
jq代码:注意类名别写错了
就是这种效果
下面是代码
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>
相关文章推荐
- 解决PHP中使用header输出头报错问题
- PHP使用echo输出标签设置CSS样式问题
- 使用juery treeview 出现的点击文本不进行展开的问题
- 解决PHP中使用header输出头报错问题
- “error PRJ0050: 未能注册输出。请确保您有修改注册表的相应权限。” 上网找了一下次问题的解决方案 工程设置的问题,VS2005建的STL工程中默认的设置是: ALT的使用:动态链接到 A
- 安卓二级列表的适配器 带优化的 解决二级列表里添加了自定义view以后不能点击展开的问题
- php使用GD图像库绘制输出图像出现乱码问题和图片上输出中文出现乱码问题解决方法。
- PHP中include()的使用问题
- PHP输出中文的问题
- php使用中遇到的问题
- php Smarty 使用手册和一些常见问题,使用心得
- OutLook样式类使用过程,弹出模式对话框时候,鼠标不能点击对话框按钮,的问题。
- 最新的PHP java bridge使用方法和遇到的问题
- 抛开cookie使用session-PHP中SESSION不能跨页传递问题的解决办法
- php中ob(Output Buffer 输出缓冲)函数使用方法
- php中ob(Output Buffer 输出缓冲)函数使用方法
- dll的输出函数使用__stdcall调用约定后,客户端用GetProcAddress出现的问题!
- 关于ActiveReport使用ActivexViewer输出时,客户端不会提示下载控件的问题.
- 使用UL 列表结构建立横向导航栏需要注意的问题
- 使用ASPX输出XML应注意的问题