toggle一个div显示或隐藏且可扩展成自定义下拉框_jquery

复制代码 代码如下:

$(function(){
//toggle div
$("#gga").click(function(event){
event.stopPropagation(); //阻止冒泡事件
$(".toggleoption").slideToggle("fast");
});

//slideup div
$(document).click(function(event) {
var eo = $(event.target);
if($(".toggleoption").is(":visible") && eo.attr("class") != "toggleoption" && !eo.parent(".toggleoption").length) {
$('.toggleoption').slideUp("fast");
}
});
})

event.preventDefault(); //取消事件的默认动作。

时间: 2024-09-20 00:00:13

toggle一个div显示或隐藏且可扩展成自定义下拉框_jquery的相关文章

js-两个div都隐藏的,当一个div显示的时候另一个div也跟着显示

问题描述 两个div都隐藏的,当一个div显示的时候另一个div也跟着显示 两个div都隐藏的,当一个div显示的时候另一个div也跟着显示 求指导 解决方案 判断第一个div是否隐藏, if ($("#div1").is(":hidden")) { $("#div2").hide(); }else{ $("#div2").show(); } 解决方案二: 你显示div的时候同时显示div2不就好了 div1.style.di

jquery之超简单的div显示和隐藏特效demo

本篇文章是对jquery中的div显示和隐藏特效demo进行了详细的分析介绍,需要的朋友可以参考下   复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

一个文本框,当输入一些字符后,通过ajax+jquery会从后台查到一些数据,当数据返回到页面上时,需要将文本框变成下拉框,下拉框中显示返回的数据,该怎么实现

问题描述 一个文本框,当输入一些字符后,通过ajax+jquery会从后台查到一些数据,当数据返回到页面上时,需要将文本框变成下拉框,下拉框中显示返回的数据,现在能得到数据,就是不知道怎么将原来的文本框变成下拉框 解决方案 解决方案二:做两个控件,根据情况隐藏一个,表示一个.document.getElementById("xxx").style.display="";//表示document.getElementById("xxx").styl

js jq-如何实现下拉框点击一个选项,该选项的内容显示在文本框中?

问题描述 如何实现下拉框点击一个选项,该选项的内容显示在文本框中? <div class="input-group"> <input class="form-control select_of_input"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-

时间下拉框-求助,关于一个时间显示的问题?

问题描述 求助,关于一个时间显示的问题? 目前,有这么一个问题,我有一个下拉框的时间显示,是每半个小时. 目前显示的效果: 09:00-09:30 09:30-10:30 10:00-10:30 ... 17:00-17:30 我想实现的效果就是,如果我现在是十点钟,怎么让10:00或者10:30之前的时间不在下拉框里面显示? 解决方案 定义一个数组,存入你要显示的字段,每次点击下拉框的时候修改Items,只加载有用的就可以了.

数据-ajax 根据一个下拉框的值的不同 另一个下拉框对应显示的值也不同

问题描述 ajax 根据一个下拉框的值的不同 另一个下拉框对应显示的值也不同 图片就是这样的,项目的类别有商户和银行两种,我要根据选择商户还是银行,让下边对应的选择已有商户 的下拉框中显示不同的数据,数据都需要通过后台去数据库里查的. 这个是不是要ajax啊?谁能告诉告诉我怎么写 .急急急 ..在线等好心人..... 解决方案 html代码 <tr> <td style="width:15%"> 一级 </td> <td style="

javascript-求一个js判断是否存在子目录,有就弹出下拉框显示,没有不弹出

问题描述 求一个js判断是否存在子目录,有就弹出下拉框显示,没有不弹出 默认一个下拉框显示demo目录下的所有文件夹,点击下拉元素,如果这个下拉元素下面还有文件夹弹出一个新的下拉框(新的下拉框下面如果还有继续弹出下拉框),没有不弹出 解决方案 js本身不能访问文件系统.除非调用activex.http://www.jb51.net/article/7909.htm 解决方案二: 你是读客户端还是服务器端的?客户端的需要acx,楼上的已经说了 服务器端的你用ajax将路径发送回服务器进行读取是否有

隐藏-Ext 根据下拉框选择不同的值 显示不同的文本框

问题描述 Ext 根据下拉框选择不同的值 显示不同的文本框 Ext 根据下拉框选择不同的值 显示不同的文本框 只显示了文本框没有显示fieldLabel Ext.onReady(function(){ this.username = { id:'usernameId', tabIndex:4, xtype:'textfield', fieldLabel: '密码', cls:'x-upper-text', width:80, name: 'username', maxLength:25, upp

combobox-C#vs2010中comboBox的下拉框如何隐藏

问题描述 C#vs2010中comboBox的下拉框如何隐藏 如图,如何让comboBox下面的下拉框一直不显示? 解决方案 一直不显示就用文本框算了,自绘一个假的箭头唬下人. 也许你要的根本不是comboBox,而是带AutoComplete的TextBox 解决方案二: 你要的是设置DropDownStyle属性?