<html> <head> <script> function on1() { document.getElementById("h1").style.display = ''; } function on2() { document.getElementById("h2").style.display = ''; } </script> </head> <body> <table border="1"> <tr> <td>Always visible</td> <td><input type="radio" name="citizen" value="yes" onClick="on1();">1 <input type="radio" name="citizen" value="no" onClick="on2();">2 </tr> <tr id="h1" style="display:none;"> <td>table 1</td> </tr> <tr id="h2" style="display:none;"> <td>table 2</td> </tr> </table> </body> </html>
<script type="text/javascript"> $(document).ready(function(){ $("#btn1").click(function(){ $("#div1").hide(1000); }); $("#btn2").click(function(){ $("#div1").show(1000); }); }); </script>
<html> <head> <title>ThaiCreate.Com jQuery Tutorials</title> <script type="text/javascript" src="jquery-1.6.4.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#btn1").click(function(){ $("#div1").toggle(); }); }); $(document).ready(function(){ $("#btn2").click(function(){ $("#div2").toggle(); }); }); </script> </head> <body> <div id="div1">www.ThaiCreate.Com</div> <input type="button" id="btn1" value="Click"> <div id="div2">www..Com</div> <input type="button" id="btn2" value="Click"> </body> </html>
$(document).ready(function(){ $("#btn2").click(function(){ $("#div1").hide(); }); });
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง