JavaScript <a href=""> to a <div> and its children</div></a>

时间:2014-02-02 13:45:14

标签: javascript jquery html href

我这个简单的网站我试图开发,但我以前从未使用过Javascript。

我有一个基于href的菜单,我的网站上的div标签与不同公司的不同协议。因此,当用户单击菜单中的选项时,右侧div项将淡入。

现在,我希望使用google maps api为每家公司提供更实用的网站。 因此,我需要在菜单中<a href>显示多个<div>项目。我试图通过在<table>项目中使用<div>来解决此问题。由于我想在左手上显示公司描述,请在右侧显示谷歌地图+简短说明。但是现在我已经决定在<div>项目中使用带有显示属性的<table>项而不是<div>

这里的代码很简单,没有php代码从DB收集信息: http://jsfiddle.net/nerfux/546Jn/7/

如您所见,category2 - &gt; company3,是我制作的混乱解决方案。在<div id='com-1'><div id='com-2'>的HTML代码中,我已经注释了我想要使用的解决方案。

所以,一个简短的说法:当我点击一个href到一个div项时,我也想淡出<div><div>项下面的所有<a href=*div id*>个项目(无论他们是否有身份证明。)

1 个答案:

答案 0 :(得分:0)

如果您只想隐藏包装容器(.content),而不是内部的div,则只需将>添加到选择器即可。它只会直接影响.content下的div。

所以将>添加到
$('.content div')
像这样  $('.content > div')