xl1090453281
2019-05-10 10:51
采纳率: 93.8%
浏览 2.6k
已采纳

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

8条回答 默认 最新

  • 圆周绿ⁿ 2019-05-11 08:46
    已采纳

    源码地址:http://demo.ityun.xyz/qq_43009210/help.txt
    演示地址:http://demo.ityun.xyz/qq_43009210/help.html

    点赞 评论
  • JJJack. 2019-05-10 10:53

    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;

    }

    点赞 评论
  • 小达哥的垃圾桶 2019-05-10 11:00
        $(".className").click(function (){
        if($(this).css("display")=="none"){
            $(this).show();
        }else{
            $(this).hide();            
        }
    });
    点赞 评论
  • 莲坂果贸 2019-05-10 11:16

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

    点赞 评论
  • asnissj 2019-05-10 11:17

    $(".className").click(function (){
    $(this).next().toggle()
    });

    点赞 评论
  • onleap 2019-05-10 11:20

    //简单点的先给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();
    });

    点赞 评论
  • 南浔Choco 2019-05-10 13:47
    $(document).ready(function(e) { $(".but").click(function(e) { $(".abc").toggle(); }); });
    点赞 评论
  • lllomh 2019-05-11 14:25

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

    点赞 评论

报告相同问题？

提交

相关推荐 更多相似问题