源码地址:http://demo.ityun.xyz/qq_43009210/help.txt
演示地址:http://demo.ityun.xyz/qq_43009210/help.html
xl1090453281
采纳率93.8%
2019-05-10 10:51 阅读 2.4k
已采纳
js,jq怎么实现点击出现一个div，再次点击div消失
5如图，点击图片出现下面的说明，然后再点击一下说明消失，麻烦大佬提供一下代码，十分感谢！
- 点赞
- 写回答
- 关注问题
- 收藏
- 复制链接分享
8条回答 默认 最新
- 已采纳 点赞 评论 复制链接分享
-
unction getByClassName(obj,cls){
// obj目标元素，cls要获得的class名var element = obj.getElementsByTagName('*');//将目标下的所有子元素获取到
var result = []; //定义一个数组，存放获得的classname = "cls" 的所有值
for(var i = 0; i< element.length; i++){
if(element[i].className == cls){
result.push(element[i]);
}
}
return result;
}
点赞 1 评论 复制链接分享 -
$(".className").click(function (){ if($(this).css("display")=="none"){ $(this).show(); }else{ $(this).hide(); } });点赞 1 评论 复制链接分享 -
$("#"+id).css("display","none");//div消失
$("#"+id).css("display","bolck");//div显示点赞 评论 复制链接分享 -
$(".className").click(function (){
$(this).next().toggle()
});点赞 评论 复制链接分享 -
//简单点的先给div一个class名，你也可以给ID名，也可以什么都不给，用原生获取到这个元素
//设置 class="a-div"
//JS实现
var div_ele = document.getElementsByClassName("a-div")[0],
div_bol = true;
div_ele.onclick = function(){
if(div_bol){
this.style.display = "none";
div_bol = !div_bol;
return false;
}
this.style.display = "block";
div_bol = !div_bol;
}//JQ实现，假设也设置了相同的class名
$('a-div').click(function(){
$(this).toggle();
});点赞 评论 复制链接分享 - $(document).ready(function(e) { $(".but").click(function(e) { $(".abc").toggle(); }); });点赞 评论 复制链接分享
-
你这也太那个拼了吧，简直了，求生欲很强啊
点赞 评论 复制链接分享