0

連絡先ページhttp://demo.themedev.me/wordpress_themes/incipiens/contact-us/に地図を表示するための表示/非表示 Javascript を持つ Wordpress テーマ (Incipiens) を使用しています。

この機能をページで複数回使用して、ギャラリーを表示/非表示にしたいと考えています。

<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 を配置し、javascript を少し変更しました...

<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呼び出しを1つだけ持つ必要がありますか? もしそうなら、どうすればいいですか？

4

1 に答える 1

0

トグルに使用する実際のスクリプトを表示していないため、次のようなことを意味していると思います（ページから取得）-

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

私はそれを次のように変更します -

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

それは動作しますか？

于 2012-09-06T11:58:17.750 に答える