Jquery内容滑块,如何复制无冗余代码
Jquery content slider, how to duplicate without redundant code
我可以在这个页面上添加一个额外的滑块而不添加重复的函数和额外的css类吗?
我知道如何复制它们没有问题,但我希望有人教我正确的方法来重用当前的代码。
我猜一下,我可能需要this关键字。
<div id="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!</div>
jsFiddle: http://jsfiddle.net/chaddly/mR3Vn/
你可以这样做-
<div class="flip">Click to slide the panel down or up</div>
<div class="panel">Hello world!</div>
更多的翻转-
<div class="flip">Click to slide the panel down or up</div>
<div class="panel">Hello world!</div>
$(document).ready(function () {
$(".flip").click(function () {
$(this).next('.panel').slideToggle("slow");
});
});
<<p> jsFiddle演示/strong> 第二部分
修改代码:
$('.panel').hide();
$(this).next('.panel').slideToggle("slow");
首先隐藏所有面板,然后打开当前单击的面板。
相关文章:
- 使用javascript代码将HTML元素复制到剪贴板
- 在jquery中复制特定的html代码
- 为什么这个文件上传拖放不起作用,我完全复制了 CodePen 代码
- 用于在表中添加行的Javascript代码将单元格中的数据复制到新行中
- 直接从代码笔复制的圆环图代码不起作用
- 将Excel值复制到javascript代码中
- 使用JavaScript从网页复制HTML代码或图像链接
- 如何让我的导航栏位于每个HTML页面的顶部(避免复制相同的代码)
- 阻止人们复制JavaScript代码
- 如何在 Chrome 控制台中复制多个元素的 HTML 代码
- 需要复制代码
- 即使我从另一个工作小提琴复制代码,JSFiddle 也不起作用
- 什么是不复制HTML页面和子页面上代码的现代方法
- 角度.js分页过滤的数据并显示总项目,而无需在视图/控制器中复制代码
- 从JSFiddle复制代码
- 使用文本输入框复制代码以搜索解析将返回控制台错误
- 从JSFiddle复制代码问题
- 热加载程序复制代码(n 次)而不是热插拔
- viewContentLoaded——无需为每个控制器复制代码——AngularJS
- 如何在不复制代码的情况下消除耦合