14.jQuery - Toggle 메서드 토글링 ( 14.Toggle )
추가적 기능이 가능한 메서드로 실행할 이벤트를 할당 하는 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