Question

已成功设置一个菜单，该菜单使用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;
   });
})

先谢谢你们！

Answer 1

的 LIVE DEMO

只需在CSS中使用#nav > div即可将仅针对直接儿童。
否则将隐藏所有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(); }); });

发布Unhiding div使用Javascript

1 个答案: