<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery點擊toggle并改變圖標src</title>
</head>
<script src="p_w_picpaths/jquery-1.8.3.min.js"></script>
<script>
//函數實現
//參數para1：希望隱藏元素的id
//參數para2：希望改變圖片src的img的id
/*
function toggle1(para1,para2){
if($("#"+para2).attr("src")=="p_w_picpaths/col_24.jpg")
{
$("#"+para2).attr("src","p_w_picpaths/col_11.jpg");
}
else
{
$("#"+para2).attr("src","p_w_picpaths/col_24.jpg");
}
$("#"+para1).toggle();
}
*/
//jquery閉包實現
(function($){
$(document).ready(function(){
$("#div1").click(function(){
if($("#img1").attr("src")=="p_w_picpaths/col_24.jpg")
{
$("#img1").attr("src","p_w_picpaths/col_11.jpg");
}
else
{
$("#img1").attr("src","p_w_picpaths/col_24.jpg");
}
$("#p1").toggle();
});
$("#div2").click(function(){
if($("#img2").attr("src")=="p_w_picpaths/col_24.jpg")
{
$("#img2").attr("src","p_w_picpaths/col_11.jpg");
}
else
{
$("#img2").attr("src","p_w_picpaths/col_24.jpg");
}
$("#p2").toggle();
});
});
})(jQuery);
</script>
<body>
<!-- 函數實現html代碼部分 -->
<!--
<div id="div1" ><img id="img1" src="p_w_picpaths/col_24.jpg" />點擊此處，隱藏下面的p1并改變圖標src</div>
<p id="p1">要隱藏的p1</p>
<div id="div2" ><img id="img2" src="p_w_picpaths/col_24.jpg" />點擊此處，隱藏下面的p2并改變圖標src</div>
<p id="p2">要隱藏的p2</p>
-->
<!-- 閉包實現html代碼部分 -->
<div id="div1" ><img id="img1" src="p_w_picpaths/col_24.jpg" />點擊此處，隱藏下面的p1并改變圖標src</div>
<p id="p1">要隱藏的p1</p>
<div id="div2" ><img id="img2" src="p_w_picpaths/col_24.jpg" />點擊此處，隱藏下面的p2并改變圖標src</div>
<p id="p2">要隱藏的p2</p>
</body>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
