js,jq怎么实现点击出现一个div,再次点击div消失

如图,点击图片出现下面的说明,然后再点击一下说明消失,麻烦大佬提供一下代码,十分感谢!

8个回答

xl1090453281
xl1090453281 感谢!
9 个月之前 回复

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;

}

xl1090453281
xl1090453281 感谢!
9 个月之前 回复
    $(".className").click(function (){
        if($(this).css("display")=="none"){
            $(this).show();
        }else{
            $(this).hide();            
        }
    });

$("#"+id).css("display","none");//div消失
$("#"+id).css("display","bolck");//div显示

xl1090453281
xl1090453281 感谢!
9 个月之前 回复

$(".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(); }); });

你这也太那个拼了吧,简直了,求生欲很强啊

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问