点击展开点击收起
2015-03-27 18:01
218 查看
<span id="toggle" title="点击关闭" href="javascript:void(0);" class="close">点击收起</span>
<div class="bottomBg" id="content"> <div class="bottom_form"> <form method="get"> <input type="text" class="bot_name" name="" id="bot_name" value="请输入2—5个字中文名字" /> <input type="text" class="bot_mobile" id="bot_moblie" value="请输入手机号码或者固话"/> <button>立即预约</button> </form> </div> </div>
JS:
$(function(){ $(function() { $("#toggle").click(function() { $(this).text($("#content").is(":hidden") ? "点击收起" : "点击展开"); $("#content").slideToggle(); }); }); })
相关文章推荐
- vue实现点击展开点击收起效果
- MFC CTreeView单击展开和收起(含获取TreeView鼠标当前点击子项的方法)
- js按钮点击展开收起
- 用Jquery点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
- js_常见特效——点击切换_背景颜色_收起与展开
- 把zTree前的展开收起图标改为三角形,且只有在点击三角形图标时才展开子节点解决方案
- vue.js 实现点击展开收起动画效果
- (4.3.2.1)Android ListView点击展开收起效果(一)
- iOS开发笔记-cell里点击按钮展开收起-动态改变cell行高
- 原生JS仿QQ阅读点击展开、收起效果
- js 点击展开、收起
- 在datagrid里实现文章内容在点击标题的时候收起或者展开的效果
- Android ListView点击展开收起效果(一)
- MFC CTreeView单击展开和收起(含获取TreeView鼠标当前点击子项的方法)
- JQuery点击收起,点击展开以及部分非空小验证
- cxSplitter禁用移动和拖拽,只允许点击箭头按钮触发缩放(展开和收起)
- HTML实现点击展开和收起
- div展开与收起(鼠标点击)
- 如何实现页面中点击+号多张图片缓慢展开,再次点击×缓慢收起
- 5, Swift tableView点击收起展开的效果