자바스크립트 질문해도 될까요? 채택완료
<script>
$(document).ready(function() {
// 처음 세팅
$(".tab-cont").hide();
$(".tabMenu li:first").addClass("active").show();
$(".tabMenu li:last").css("margin-right","0");
$(".tab-cont:first").show();
// 클릭 이벤트
$(".tabMenu li").click(function() {
$(".tabMenu li").removeClass("active");
$(this).addClass("active");
$(".tab-cont").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).show();
return false;
});
});
</script>
이런 탭메뉴의 자바스크립트가 있는데요.
736이하 화면에서는 탭메뉴를 없애고 내용 hide 처리된걸 그냥 쭉 보이게끔 풀었으면 하거든요.
어떻게 하는지 알려주심 감사해요.
답변 1개
$(document).ready(function() {
// 처음 세팅
$(".tab-cont").hide();
$(".tabMenu li:first").addClass("active").show();
$(".tabMenu li:last").css("margin-right","0");
$(".tab-cont:first").show();
$(window).resize(function(){
var width=window.innerWidth;
if (width < 736){
$(".tabMenu").hide();
$(".tab-cont").show();
}
)};
// 클릭 이벤트
$(".tabMenu li").click(function() {
$(".tabMenu li").removeClass("active");
$(this).addClass("active");
$(".tab-cont").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).show();
return false;
});
});
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인