채택완료

이 제이쿼리를 수정해보려는데요..

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

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

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

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

구글에 검색해보니

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

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

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

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2015-08-04 (화) 15:51:19

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

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

원본 플러그인 소스 끝부분을 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개

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

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