크롬80버전 결제 이슈, 영카트5 주요패치 확인!

div id값으로 안 보이게 하는 방법 질문요

컨텐츠몰 10% 할인!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
div id값으로 안 보이게 하는 방법 질문요

QA

SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

div id값으로 안 보이게 하는 방법 질문요

본문

<div id='city0' style='display:none;'>

내용0

</div>

 

<div id='city1' style='display:none;'>

내용1

</div>

 

<div id='city2' style='display:none;'>

내용2

</div>

 

이렇게 소스가 되어 있습니다. 기본으로 다 안 보이고

 

<a  onclick="select('1')">보기</a> 이런식으로 클릭할때만 그 숫자의 레이어만 보이게 할려고 하는데요

 

function select(aa)
{
  document.getElementById('city'+aa).style.display = '';

}

 

근데 문제는 이렇게 하면  <a  onclick="select('0')">보기</a> 또 눌러 버리면 0,1 레이어가 다 보이게 됩니다. 0을 클릭하면 다른건 안 보이고 0만 보여야 하고, 1을 누르면 0은 안 보이고 1만 보여야 합니다.

 

어떻게 해야 할까요?

 

물론 1을 누루면 0,2를 none 으로 하는 스크립트를 넣으면 되긴 하는데 문제는 저 값들이 고정된게 아니라서 어떤곳은 1~9까지 있을수 있고, 어떤곳은 1~3 이럴수도 있어서

 

뭐 길게 설명했지만 핵심은 스크립트 처리를 할때 id 값으로 포괄적으로 실행시키는 방법이있나요?

 

예를 들어 city 으로 시작하는 id값을 모두 한번에 실행시킬수 있는

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

쟁반짜장님의 답변

<script>
$(function() {
    $(".city").on("click", function() {
        $("#city" + $(this).data("no")).toggle();
    });
});
</script>
<div id="city0" style="display: none;">0</div>
<div id="city1" style="display: none;">1</div>
<div id="city2" style="display: none;">2</div>
<a href="#" class="city" data-no="0">보기</a>
<a href="#" class="city" data-no="1">보기</a>
<a href="#" class="city" data-no="2">보기</a>
주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 39,829
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여17 회 시작20.03.25 10:40 종료20.04.01 10:40

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT