한 페이지에(html) 3개의 내용이 있는데요
메인페이지에서 A를 누르면 내용1로 B를누르면 내용2 C를 누르면 내용3 으로갈려고합니다
내용 1,2,3 은 같은 html 내에 있는데 어떻게 작업해야하나요;
|
답변 4개
채택된 답변
+20 포인트
2018-09-20 (목) 18:38:56
<div class="divtab" id="a">내용1</div>
<div class="divtab" id="b">내용2</div>
<div class="divtab" id="c">내용3</div>
<script>
$(function() {
$(".divtab").hide();
$("#a").show();
});
$(".divtab").click(function() {
var id = $(".divtab").prop('id');
$(".divtab").hide();
$("#"+id).show();
});
이렇게 하면 되지 않을까요?
자잘한 스크립트오류가 발생하면 잡으시고..
돼지코구뇽
2018-09-21 (금) 05:09:16
구글링하면 탭메뉴 예제소스가많이 있습니다
2018-09-20 (목) 18:32:53
PureAni
2018-09-20 (목) 18:19:43
javascript onclick 으로 이벤트 잡으시고, css display 로 보여줬다 안보여줬다 하면 됩니다.
답변을 작성하려면 로그인이 필요합니다.