Question

我正在使用一个WordPress主题（Incipiens），它有一个显示/隐藏Javascript来显示联系页面上的地图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);
}

这有用吗？

多个DIV上的Javascript

1 个答案: