전단지의 모든 레이어 토글

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

당신은

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

을 사용하거나 클래스를 추가 할 수 있습니다 다시

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

을 사용하고 그들에게 보여 DIV 다음 레이어 아래에있는 모든 요소를 ​​숨길 수 있습니다 jQuery를 사용하는 경우 "hide"와 같은 클릭에 css가있는 display : none을 클릭 한 다음 레이어를 클릭하면 클래스를 제거하여