bahman7210
دوشنبه 23 آبان 1390, 04:07 صبح
<!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></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript" >
$(document).ready(function () {
$("p").hide();
$("div").click(function () {
$("p").hide();
var s = $(this).attr("id");
switch (s) {
case "Div1": $("#P1").show(1);
break;
case "Div2": $("#P2").show();
break;
case "Div3": $("#P3").show();
break;
}
});
});
</script>
</head>
<body>
<div id="Div1" style="float:left; background-color: #FFFF00;" >
Test 1
<p id="P1" style="background-color: #FFFFFF" >Some things1 </p>
</div>
<div id="Div2" style="float:left">
Test 2
<p id="P2" >Some things2 </p>
</div>
<div id="Div3" style="float:left; background-color: #00FF00;">
Test3
<p id="P3" style="background-color: #FFFFFF" >Some things3 </p>
</div>
</body>
</html>