1

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

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

我已将其注入http://jsfiddle.net/Split98/A3DVa/

<a href="#software">Software</a>
<a href="#hardware">Hardware</a>
<a href="#supplies">Supplies</a>
<a href="#contact">Contact</a>
<a href="#search">Search</a>
<div id="nav">
    <div id="software">Hello!</div>
    <div id="hardware">Yes!</div>
    <div id="supplies">Yeee Haw!</div>
    <div id="contact">Bingo!</div>
    <div id="search"><script type="text/javascript" src="http://www.sitelevel.com/javabox?crid=ze32uipb"></script></div>
</div>

CSS：

#nav div {
    display: none;
    background-color: red;
    height: 200px;
}

jQuery：

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

   links.click(function () {
       $(this.hash).toggle().siblings().hide();
       return false;
   });
})

提前谢谢各位！

4

1 回答 1

1

LIVE DEMO

只需#nav > div在您的 CSS 中使用
将只针对直接的孩子。
否则所有DIV元素都将被隐藏（您的搜索工具）

#nav > div {
    display: none;
    background-color: red;
    height: 200px;
}

编辑过的 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();
    });
});
于 2013-02-25T01:50:24.890 回答