AJAXのお勉強

jQuery クリックにより処理をON/OFF@AJAX

クリックによる処理のON/OFFを行います。
toggleを使用します。

toggle(function1,function2)
function1:偶数回目の処理
function2:奇数回目の処理
0(偶数)も含みます

以下では、divタグをクリックするたびに、
背景色を変化させます。(色付き⇔色なし)


<html>
<head>
<title>Ajax jQuery toggle</title>
<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script type="text/javascript">
<!--

$(function(){
$("#slideDiv").toggle(
        function() {
            $("#slideDiv").css("background-color","#99CCFF");
        }, function() {
            $("#slideDiv").css("background-color","#FFFFFF");
        }
    );
});

// -->
</script>
</head>
<body>

<div id="slideDiv" style="border:1px solid #CCCCCC;width:400px">
<BR>
クリックすると背景が変化します。<BR>
<BR>
</div>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.