原生JS实现点击显示再次点击隐藏

    /**
     * [Show_Hidden 点击控制div显示与隐藏]
     * @param {[id]} obj [需要显示隐藏div的id]
     */
    function Show_Hidden(obj) {
        var div = document.getElementById(obj);
        if (div.className.indexOf("none") > -1) {
            div.classList.remove("none");
        } else {
            div.classList.add("none");
        }
    }



css
    .none{
        dispaly:none;
        }
    /**
     * [Show_Hidden 点击控制div显示与隐藏]
     * @param {[id]} obj [需要显示隐藏div的id]
     */
    function Show_Hidden(obj) {
        if (obj.style.display == "block") {
            obj.style.display = 'none';

        } else {
            obj.style.display = 'block';

        }
    }

猜你喜欢

转载自blog.csdn.net/qq_34797972/article/details/83619477