Javascript Div和菜单链接在Div外部显示隐藏onclick

Javascript Div和菜单链接在Div外部显示隐藏onclick,javascript,html,Javascript,Html,我在网站上工作,我想显示隐藏Div(红色Div)点击 当用户单击单词“隐藏”(在导航栏内)时。。javascript函数将隐藏所有菜单链接(不是徽标)并显示红色DIV 现在,当红色DIV可见并且只有徽标链接可见时,因此当用户单击红色DIV之外的任何位置时,它应该切换javascript函数,使红色DIV隐藏,所有菜单链接再次可见 到目前为止,我已经做到了这一点。我只需要javascript代码 函数aniToggle(){ document.getElementById(“hideshow”)

我在网站上工作,我想显示隐藏Div(红色Div)点击

  • 当用户单击单词“隐藏”(在导航栏内)时。。javascript函数将隐藏所有菜单链接(不是徽标)并显示红色DIV

  • 现在,当红色DIV可见并且只有徽标链接可见时,因此当用户单击红色DIV之外的任何位置时,它应该切换javascript函数,使红色DIV隐藏,所有菜单链接再次可见

  • 到目前为止,我已经做到了这一点。我只需要javascript代码

    函数aniToggle(){
    document.getElementById(“hideshow”).style.display=“block”;
    var x=document.getElementsByClassName(“anivisib”);
    var i;
    对于(i=0;i
    ul{
    列表样式类型:无;
    保证金:0;
    填充:0;
    溢出:隐藏;
    背景色:#333;
    }
    李{
    浮动:左;
    }
    李阿{
    显示:块;
    颜色:白色;
    文本对齐:居中;
    填充:14px 16px;
    文字装饰:无;
    }
    李娜:停下来{
    背景色:#111;
    }
    #隐藏{
    高度:500px;
    z指数:2;
    位置:绝对位置;
    左:30%;
    排名:0;
    背景色:红色;
    显示:无;
    }
    .切换anivisib{
    可见性:隐藏;
    }
    
    
    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨


    假设您在隐藏按钮的
    li
    标签上有一个
    id=“hide”

    <li id="hide"><a href="#home" class="anivisib">HIDE</a></li>
    
    ul{
    列表样式类型:无;
    保证金:0;
    填充:0;
    溢出:隐藏;
    背景色:#333;
    }
    李{
    浮动:左;
    }
    李阿{
    显示:块;
    颜色:白色;
    文本对齐:居中;
    填充:14px 16px;
    文字装饰:无;
    }
    李娜:停下来{
    背景色:#111;
    }
    #隐藏{
    高度:500px;
    z指数:2;
    位置:绝对位置;
    左:30%;
    排名:0;
    背景色:红色;
    显示:无;
    }
    .切换anivisib{
    可见性:隐藏;
    }
    
    
    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨


    假设您在隐藏按钮的
    li
    标签上有一个
    id=“hide”

    <li id="hide"><a href="#home" class="anivisib">HIDE</a></li>
    
    ul{
    列表样式类型:无;
    保证金:0;
    填充:0;
    溢出:隐藏;
    背景色:#333;
    }
    李{
    浮动:左;
    }
    李阿{
    显示:块;
    颜色:白色;
    文本对齐:居中;
    填充:14px 16px;
    文字装饰:无;
    }
    李娜:停下来{
    背景色:#111;
    }
    #隐藏{
    高度:500px;
    z指数:2;
    位置:绝对位置;
    左:30%;
    排名:0;
    背景色:红色;
    显示:无;
    }
    .切换anivisib{
    可见性:隐藏;
    }
    
    
    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨,嗨,嗨,嗨

    嗨,嗨,嗨,嗨