javascript - 在 jsson 图像 slider 之间切换(显示一个，隐藏其他)

Question

我需要创建一个带有缩略图的图像 slider 。

我用过 jssor silder这工作正常。

问题是我想在不同的 id 下显示一组不同的图像。

例如，当点击其中任何一年(2013、2014、2015)时，我需要在其下方显示国家名称；当点击任何国家时，它应该显示相关的图像 slider 。

问题是点击时国家名称会消失。

如何让它们保持可见？

DEMO

---

  <p>2015</p>
</a>

<div id="list1" class="alist" style="display:none;">
  <ul>
    <li><a href="#"  onclick="toggle_visibility('list');">
  <p>India </p>
</a></li>
    <li><a href="#" onclick="toggle_visibility('weed');">
  <p>U.S </p>
</a></li>
    <li><a href="#" onclick="toggle_visibility('daba');">
  <p>japan </p>
</a></li>
  </ul>
</div>
<a href="#" onclick="toggle_visibility('list2');">
  <p>2014</p>
</a>
<div id="list2" class="alist" style="display:none;">
  <ul>
    <li>Item One</li>
    <li>Item Two</li>
    <li>Item Three</li>
  </ul>
</div>###

Answer 1

http://jsfiddle.net/os1nourp/

function toggle_visibility(id) {
        var thelist = document.getElementsByClassName("alist");

        var e = document.getElementById(id);
        if(e.style.display == 'block') {
            e.style.display = 'none';
        } else {
            e.style.display = 'block';
        }

    }

这就是你想要做的吗？只需删除关闭其他列表的脚本即可。