javascript - 多个 DIV 上的 Javascript

Question

我正在使用具有显示/隐藏 Javascript 的 Wordpress 主题（Incipiens）在联系页面http://demo.themedev.me/wordpress_themes/incipiens/contact-us/上显示地图

我想在一个页面上多次使用这个功能来显示/隐藏画廊。

<div class="map">
<div class="map_top">                        
<hr class="toolbox toolbox1">
</div>
<hr class="vertical_sep0">
<a class="show_map" href="javascript:void(0)"></a>
<div class="map_container"><div class="thismap"><iframe>........</iframe></div>
</div>

我有这个工作，但对 js 的调用会打开所有 div。因此，我在每个画廊周围放置了一个唯一的 div id，并稍微更改了 javscript...

<div class="map">
<div class="map_top">                        
<hr class="toolbox toolbox1">                        
</div>
<hr class="vertical_sep0">
<a href="javascript:unhide('silestone')" class="show_map"></a>
<div id="silestone">
<div class="map_container">
[show_gallery width="124" height="124" galleryid="527"][/show_gallery]
</div>
</div>  
</div>

它可以工作，但很奇怪，有时打开正确的，有时打开错误的......不知道我做错了什么，我应该只有一个包含所有 div 的 ID 的 javascript 调用吗？如果是这样，我该怎么做？

Answer 1

由于您没有显示用于切换的实际脚本，我假设您的意思是这样的（取自页面） -

function (){
    $(this).toggleClass('hide_map');
    $('.map_container').slideToggle(400);
}

我会将其更改为-

function unhide(id){
    $(this).toggleClass('hide_map');
    $('#' + id).find('.map_container').slideToggle(400);
}

那样有用吗？