페이지 내에서 이동하는 방법?? 채택완료
qwebvq
7년 전
조회 2,255
답변 3개
채택된 답변
+20 포인트
답변에 대한 댓글 1개
q
qwebvq
7년 전
#으로 이동하는 방법을 좀 알수없을까요...
댓글을 작성하려면 로그인이 필요합니다.
7년 전
구조가 부트스트랩 tab 형식같으시네요.
부트스트랩 tab 형식을 쓰실거면 부트스트랩에서 다운받아 쓰시면됩니다.
tab에 관련된 스크립트와 스타일만 뽑아서 쓰시면 되겠지요.
링크를 이용해서 어떤 요소들을 보이거나 숨기는 방식은 여러가지입니다.
가령,
내용
$(function(){
$('.btn-toggle').on('click',function(){
$this = $(this);
var targetElem = $this.attr('href');
$(targetElem).toggleClass('active');
return false;
});
});
#aaa {display:none}
#aaa.active {display:block}
위와 같이 jquery를 이용해 toggle 버튼을 만들수도 있고요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
q
qwebvq
7년 전
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
이런식으로 스크립 했는데 잘 안되네요...
왜 안될까요 ㅜㅜ
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
이런식으로 스크립 했는데 잘 안되네요...
왜 안될까요 ㅜㅜ
�
흉내쟁이
7년 전
일단 jquery 버전을 3버전으로 사용하시는데 그누보드에서 사용하시려면 충돌 방지나 마이그레이션을 하셔야 합니다. 그누보드에서는 1.8버전인가 사용하고 있을겁니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인