채택완료

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

2020-04-10 (금) 12:45:15 2,513

<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개 / 댓글 1개

채택된 답변
+20 포인트

$(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개

와 너무 감사드려요.ㅠㅠ 덕분에 해결되었습니다. 돈길만 걸으세요(__)

답변을 작성하려면 로그인이 필요합니다.