추가적 기능이 가능한 메서드로 실행할 이벤트를 할당 하는 Toggle메서드 입니다.
| 14.Toggle.htm |
| <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>toggle()메서드로 토글링</title> <style type="text/css"> .hidden { display:none; } </style> <script src="jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { // .toggle(fn1, fn2); // fn1과 fn2를 서로 토글링한다. $("#btn").toggle( function() { $('#myLayer').addClass("hidden"); }, function() { $('#myLayer').removeClass("hidden"); } ); }); </script> </head> <body> <h3>버튼을 클릭할 때마다 레이어 보이기/숨기기</h3> <input id="btn" type="button" value="버튼" /> <div id="myLayer" style="background-color:Yellow;"> 안녕 </div> </body> </html> |
| 결과화면 |
 [그림14-1] |
14.Toggle.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 16.jQuery - hover 메서드 ( 16.hover ) (0) | 2009.11.06 |
|---|---|
| 15.jQuery - ToggleClass ( 15.ToggleClass ) (0) | 2009.11.06 |
| 13.jQuery - Silce ( 13.Silce ) (0) | 2009.11.06 |
| 12.jQuery - Filter : 필터 ( 12.Filter ) (0) | 2009.11.06 |
| 11.jQuery - Click 클릭이벤트 ( 11.Click ) (0) | 2009.11.06 |
Comments