.Net Project/Jquery 1.3.2

15장 JQuery 토글 클래스 ( ToggleClass() )

Magic_kit 2009. 11. 6. 14:28
반응형
 ToggleClass.htm
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>ToggleClass() 메서드 토글링 </title>

    <style type="text/css">

       .hidden { display:none;}

    </style>

    <script src="../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

               $('#btn').click(function () {

                    $('#myLayer').toggleClass('hidden');

                });           

               

        });

    </script>

</head>

<body>

<h3> 버튼이 클릭할때마다 보이기/숨기기</h3>

<input id= "btn" type="button" value="버튼" />

 

<div id="myLayer" style="background-color:Yellow;">

         안녕하세요 !!!!

</div> 

</body>

</html>





반응형