Question

我有一张地图上有一堆定位销。每个引脚都有一个唯一的ID，如（芝加哥或洛杉矶）。

在页面的单独区域中，我有一个包含div的包装map-content。在该包装器中，嵌套divs用于地图上的每个位置。根据上面的示例，将有两个divs，每个{1}}的ID与引脚相同。

<div class="map">
    <a href="#" id="chicago">There would be a pin image here</a>
    <a href="#" id="los-angeles">There would be a pin image here</a>
</div>

<div class="map-content">
    <div id="chicago">Content Here</div>
    <div id="los-angeles">Content Here</div>
</div>

实际上，总共有大约20个不同的位置。我需要的是当点击芝加哥图钉时，芝加哥内容出现，map-content内没有芝加哥ID的任何内容都会淡出。现在，我可以通过为每个位置创建单独的jQuery函数来实现这一点，但我希望有一种更通用的方法来创建一个函数。这就是我下面要做的一个淡出：

function chicago() {
    $('a#chicago').click{
        $(".map-content > div:not(#chicago)").fadeOut('slow');
        $(".map-content > #chicago").fadeIn('slow');
    }
}

是否有更简单的方法为此制作通用淡出脚本，而不是为每个位置插入其中一个功能？

用于淡化基于类和ID的元素的常规jQuery脚本？

0 个答案: