使用Javascript发布取消隐藏div

使用Javascript发布取消隐藏div,javascript,jquery,css,Javascript,Jquery,Css,已使用Javascript成功设置了在多个选项卡之间循环的菜单。问题是我正在使用SiteLevel搜索此网站。我希望搜索框是隐藏/取消隐藏菜单的一部分,但是脚本(我也尝试了搜索框的html代码,但仍然没有修复) 我已经将它与这个概念的最简单形式配对,以确保它不会与其他css或脚本冲突,但它仍然会打开一个空白框,这是代码 我把它灌进了水里 jQuery: #nav div { display: none; background-color: red; height: 200

已使用Javascript成功设置了在多个选项卡之间循环的菜单。问题是我正在使用SiteLevel搜索此网站。我希望搜索框是隐藏/取消隐藏菜单的一部分,但是脚本(我也尝试了搜索框的html代码,但仍然没有修复)

我已经将它与这个概念的最简单形式配对,以确保它不会与其他css或脚本冲突,但它仍然会打开一个空白框,这是代码

我把它灌进了水里

jQuery:

#nav div {
    display: none;
    background-color: red;
    height: 200px;
}
$(function(){
   var divs = $('#nav div'),
   links = $('a');

   links.click(function () {
       $(this.hash).toggle().siblings().hide();
       return false;
   });
})
提前谢谢各位

只需在CSS中使用
#nav>div
将仅针对直系子女。
否则所有
DIV
元素将被隐藏(您的搜索工具)

编辑jQuery

$(function () {       

    var divs = $('#nav div'),
        links = $('a');

    divs.eq(0).show(); // if you need it.....

    links.click(function ( e ) {  // e = event
        e.preventDefault();       // instead of return false;
        $(this.hash).toggle().siblings().hide();
    });
});

只需在CSS中使用
#nav>div
将仅针对直系子女。
否则所有
DIV
元素将被隐藏(您的搜索工具)

编辑jQuery

$(function () {       

    var divs = $('#nav div'),
        links = $('a');

    divs.eq(0).show(); // if you need it.....

    links.click(function ( e ) {  // e = event
        e.preventDefault();       // instead of return false;
        $(this.hash).toggle().siblings().hide();
    });
});

不确定我是否明白?什么是“空白框”,你期待什么?@adeneo当你点击“搜索”时,他期待着搜索框tab@ExplosionPills-哦,真奇怪!我做的第一件事就是把第一个标签设置为可见,一切似乎都很好,以前没有检查搜索标签,但现在看到它不工作了。然而,这对我有效?正确的爆炸药丸。现在,红色框中应该有一个搜索框(我上面评论中的小提琴对你有用吗?我不确定我是否得到它?什么是“空白框”,你期待什么?@adeneo当你点击“搜索”时,他期待着搜索框 tab@ExplosionPills-哦,太奇怪了!我做的第一件事就是将第一个选项卡设置为可见,而且一切似乎都正常,之前没有检查搜索选项卡,但现在它不工作。但是,这对我有效?正确的爆炸药丸。现在,红色框中应该有一个搜索框(我上面的评论对你有用吗?
$(function () {       

    var divs = $('#nav div'),
        links = $('a');

    divs.eq(0).show(); // if you need it.....

    links.click(function ( e ) {  // e = event
        e.preventDefault();       // instead of return false;
        $(this.hash).toggle().siblings().hide();
    });
});