点击滑动(slideToggle)

需要用到的图标

<a href="#" data-toggle="tooltip" data-original-title="条件查询" class="layui-icon layui-icon-search mx-2" style="font-size:20px;" id="Inquire"></a>

样式不被显示，通过js代码来控制显示或隐藏

@* 查询 *@
<div class="row mt-2" id="InquireGo" style="display:none;">
<div class="col-6">
<label for="BONodeSelect" class="px-4" style="margin-left:30%;">商机节点</label>
<select class="col-4 rounded" style="height:30px;border-color:#dddddd;" id="BONodeSelect"></select>
</div>
<div class="col-6">
<label for="dimInquire" class="px-4">模糊查询</label>
<input type="text" class="col-4 rounded px-1" style="height:30px;border:1px solid #dddddd;" placeholder="请输入商机名称" id="dimInquire" />
@* 查询图标 *@
<button type="button" class="btn btn-success btn-sm layui-icon layui-icon-search ml-5" style="font-size:14px;" id="InquireGo1"></button>
</div>
</div>//查询
//slideToggle 向上向下滑动
$("#Inquire").click(function () {$("#InquireGo").slideToggle();
});$("#InquireGo1").click(function () {$("#InquireGo").slideToggle();
});

刚开始下拉框，输入框等被隐藏，通过slideToggle 来实现顶级滑出滑进

点击了就滑出，还用动画效果，再点就滑进

jQuery slideDown() 方法用于向下滑动元素
jQuery slideUp() 方法用于向上滑动元素
jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换
如果元素向下滑动，则 slideToggle() 可向上滑动它们
如果元素向上滑动，则 slideToggle() 可向下滑动它们

点击滑动(slideToggle)相关推荐

python写一个自动登录脚本_Python 实现自动登录+点击+滑动验证功能
需要用到的库有selenium,还需要安装Chrome浏览器驱动,具体如何安装我就不详述了在这里我模拟了csdn的登录过程 ** 1**.首先打开网页,用户名+密码登录,然后定位用户名输入框,和密码 ...
python自动登录教程_Python 实现自动登录+点击+滑动验证功能
需要用到的库有selenium,还需要安装Chrome浏览器驱动,具体如何安装我就不详述了在这里我模拟了csdn的登录过程 ** 1**.首先打开网页,用户名+密码登录,然后定位用户名输入框,和密码 ...
jquery实现左右点击滑动
jquery实现左右点击滑动前端养成记:最近做的老项目,涉及到的一个简单的小功能,但是我这样的前端菜鸟还是费了一些功夫的,所以这里记录一下,以免日后忘记. 一.首先看下效果吧这个是效果图,这个地方 ...
网易云歌词居中滚动、点击/滑动进度条对应滚动、当前播放歌词高亮
当前播放歌词高亮:根据当前播放时间,和歌词时间对比,获得当前歌词行数索引正常居中滚动.点击/滑动进度条对应滚动:(1)因为这几种方式都是改变当前播放时间,所以只需要根据当前播放时间操作即可(2)根据当 ...
python登录京东滑动验证_Python 实现自动登录+点击+滑动验证功能
需要用到的库有selenium,还需要安装Chrome浏览器驱动,具体如何安装我就不详述了在这里我模拟了csdn的登录过程 ** 1**.首先打开网页,用户名+密码登录,然后定位用户名输入框,和密码 ...
ListView 与它里面的Item 点击滑动冲突
转自 http://blog.csdn.net/fzh0803/article/details/9474359 listview的父亲要求滑动,在点击listview区域时要求在滑动的只是只滑动lis ...
android触屏设备event模拟,android 使用命令模拟点击滑动
adb shell getevent -p 出现上述截图的就是屏幕触摸输入设备带上 -l adb shell getevent -p-l . EV_ABS ABS_MT_TRACKING_ ...
android模拟点击滑动,模拟Android的view点击和滑动监听
一,简单形式的 /*模拟Android中的view 点击和滑动监听 * */ public class View { private OnClickListener onClickListener; ...
android模拟点击滑动,android模拟点击，长按和滑动
1.模拟长按 private void sendLongTouch(){ new Thread(new Runnable() { @Override public void run() { Instr ...

点击滑动(slideToggle)

点击滑动(slideToggle)相关推荐

最新文章

热门文章