자바스크립트 질문해도 될까요?

자바스크립트 질문해도 될까요?

QA

자바스크립트 질문해도 될까요?

본문

<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;
    });

});

답변을 작성하시기 전에 로그인 해주세요.
전체 69
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT