切换单张中的所有图层

Question

我正在使用CSS按钮在leaflet.js环境中切换地图图层。我有25层。我想添加1个按钮，可以打开/关闭所有图层。这里是我用来切换图层的代码。

<div id="projects" class="layers" style="width: 400px; height: 600px; overflow-y: scroll;"> 
<a id="1" class="1" data-control="layer" data-layer-level="" data-layer-name="1" href="#1">1</a> 
<a id="2" class="2" data-control="layer" data-layer-level="" data-layer-name="2" href="#2">2</a> 
<a id="3" class="3" data-control="layer" data-layer-level="" data-layer-name="3" href="#3">3</a> 
<a id="4" class="4" data-control="layer" data-layer-level="" data-layer-name="4" href="#4">4</a> 
<a id="5" class="5" data-control="layer" data-layer-level="" data-layer-name="5" href="#5">5</a> 
<a id="6" class="6" data-control="layer" data-layer-level="" data-layer-name="6" href="#6">6</a> 
<a id="7" class="7" data-control="layer" data-layer-level="" data-layer-name="7" href="#7">7</a> 
<a id="25" class="25" data-control="layer" data-layer-level="" data-layer-name="25" href="#25">25</a> 
</div> 
<script> 

Answer 1

如果你正在使用jQuery，你隐藏所有层下的元素DIV使用

$('layers a').hide(); 

，并告诉他们再次使用

$('layers a').show(); 

，或者你可以添加一个类点击诸如“隐藏”之类的具有display：none的CSS，然后在单击以显示图层时删除该类