JavaScript <a href> to a <div>及其子级

Question

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

我有一个菜单，是基于href到div标签在我的网站上的不同协议与不同的公司。因此，当用户单击菜单中的选项时，右div项就会消失。

现在，我想使该网站更实用的谷歌地图api为每个公司。因此，我需要在菜单中显示多个<a href>项目，而不仅仅是一个<div>项。我试图通过在<table>项中使用一个<div>来解决这个问题。因为我想把公司的描述放在左边，所以谷歌地图+右边的简短描述。但是现在我已经决定使用带有显示属性的<div>项，而不是在<div>项中使用<table>。

下面是简单的代码，不需要php代码就可以从DB：http://jsfiddle.net/nerfux/546Jn/7/收集信息

正如你所看到的，category2 -> company3是我做的混乱的解决方案。在<div id='com-1'>和<div id='com-2'>的HTML代码中，我已经注释掉了我想要使用的解决方案。

因此，简单地说:当我单击到div项的href时，我还希望fadeIn <div>条目i <a href=*div id*>下面的所有<div>项(不管它们是否有id )。

Answer 1

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

所以将>添加到

$('.content div')

就像这样

$('.content > div')