자바스크립트 질문입니다

자바스크립트 질문입니다

QA

자바스크립트 질문입니다

본문

버튼을 눌럿을때 열리고 다시눌럿을때 닫히는 스크립트인데,

먼저 열려있는 상태로 누르면 닫히는 스크립트로 수정하고싶은데

도와주실수있나요!!

 

<script>
$(function() {
    var $elem = $("#fixedBanner");
    var $width = $elem.find('.inner').width();

    // 열고닫기 버튼 클릭시
    $("#fixedToggle").click(function() {
        var isClosed = $elem.hasClass('open');

        if(isClosed === false) {
            $elem.stop(true,true).animate({right:0 + 'px'}, 300); 
            $elem.addClass('open');
        } else {
            $elem.stop(true,true).animate({right:-($width) + 'px'}, 300);
            $elem.removeClass('open');
        }
    });
 
});

$(function() {
    $(".thumbnail ul li a").mouseenter(function() {
        $(this).find('span').stop().fadeIn(300);
        
    }).mouseleave(function() {
        $(this).find('span').stop().fadeOut(300);
    });
});

$(window).resize(
function(e) { 
setLayout();
}
);
function setLayout(){
$win_height = $(window).height();
$("#fixedBanner .inner .thumbnail").height($win_height-187);
}
</script>

이 질문에 댓글 쓰기 :

답변 2

자스 소스만 보면 제대로 구현되어 있는거 같은데요.

 

#fixedToggle <--이게 열리고 닫히는 버튼 같구요.

isClosed <-- 이게 열고 닫히게 하는 변수 입니다.

 

그 아래

if(isClosed === false) {
            $elem.stop(true,true).animate({right:0 + 'px'}, 300); 
            $elem.addClass('open');
        } else {
            $elem.stop(true,true).animate({right:-($width) + 'px'}, 300);
            $elem.removeClass('open');
        }

여기에서 열고 닫히기가 자동으로 처리가 되는 거거든요.

만약 안된다면 어떤 부분에 문제가 있는지 관련된 html 소스도 같이 봐야 할 거 같네요.

 

html 태그까지 올려주시면 더 좋을듯한데요 그리고 먼저 열린상태를 구현하려면 해당 객체에 show를 적용해서 열린상태를 하던지 css에 display block으로 처리하면 될듯한데요 

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

회원로그인

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