테스트 사이트 - 개발 중인 베타 버전입니다

이 제이쿼리를 수정해보려는데요.. 채택완료

MJEI 10년 전 조회 1,800

http://www.building58.com/examples/tabSlideOut.html">http://www.building58.com/examples/tabSlideOut.html

 

위의 데모페이지에 나와있는것처럼 슬라이딩되는 숨겨지는? 메뉴를 넣고 싶은데요.

 

이게 옵션값이 처음부터 열려있거나 아예 처음부터 닫혀있거나 이 두가지로 조절이 가능한듯보이는데

처음에 보였다가 몇초후에 자동으로 숨겨지게 적용하고 싶은데 무지하다보니 적용이 가능한지 모르겠어요.

 

구글에 검색해보니

 

http://kahimyang.info/kauswagan/code-blogs/717/customizing-and-using-jquery-tabslideout-plugin">http://kahimyang.info/kauswagan/code-blogs/717/customizing-and-using-jquery-tabslideout-plugin

 

저처럼 몇초후 숨겨지는 기능도 원해서 소스를 수정한 모양인데 제가 해보려니 안되네요..

 

혹시 제가 원하는 기능 가능한 옵션값이 존재할지 한번 봐주셨으면 좋겠습니다.ㅠㅠ

 

 

 

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

답변 1개

채택된 답변
+20 포인트
10년 전

간단한 플러그인같이 보여서 제가 고쳐볼게요.

닫쳐있다 펼치는건 있는데 보여주다가 닫치는건 없네요

원본 플러그인 소스 끝부분을 195번줄부터 아래소스로 수정하세요.

 

 

---195줄----

        var slideOutOnLoad = function(){

            slideIn();

            setTimeout(slideOut, 500);

        };

        var slideOnOutLoad = function(t){

            slideOut();

            setTimeout(slideIn, t!==true ? t : 500);

        };

        

        //choose which type of action to bind

        if (settings.action === 'click') {

            clickAction();

        }

        

        if (settings.action === 'hover') {

            hoverAction();

        }

        

        if (settings.onLoadSlideOut) {

            slideOutOnLoad();

        };

 

        if (settings.slideOnOutLoad) {

            slideOnOutLoad(settings.slideOnOutLoad);

        }; 

 

 

그리고 플러그인 옵션값을 줄때 옵션값한줄을 추가 하세요.

 

 $('.slide-out-div').tabSlideOut({

             ..,

             ..,

            slideOnOutLoad: 5000  

            });

 });     

을 추가하세요..   

5000은 5초후에 닫는다는 소리고 false는 기본값이고 true는 기본 500으로 사용됩니다              

            

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

M
MJEI
10년 전
와 너무너무 감사합니다.(__
복받으실거예요.. 정말 정말 감사드려요!!

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

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

로그인