자바스크립트 질문해도 될까요?
본문
<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;
});
});
와 너무 감사드려요.ㅠㅠ 덕분에 해결되었습니다. 돈길만 걸으세요(__)
