jQuery ซ่อน/แสดง TextBox ด้วยคำสั่ง show และ hide

สอนเขียน jQuery ซ่อน/แสดง TextBox ด้วยคำสั่ง show และ hide บทความนี้แนะนำการใช้ jQuery Framework สำหรับซ่อนด้วยคำสั่ง hide และแสดงด้วยคำสั่ง show โดยตัวอย่างจะซ่อน/แสดง TextBox ของ HTML ผ่าน id สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery ซ่อน/แสดง TextBox ด้วยคำสั่ง show และ hide 

<input type="text" id="txt"><br/>
<input type="button" value="ซ่อน" onclick="hide()"> <input type="button" value="แสดง" onclick="show()">

<script>
    function show() {
        $("#txt").show();
    }
    function hide() {
        $("#txt").hide(); 
    }
</script>

jQuery ซ่อน/แสดง TextBox ตัวอย่างทั้ง 2 ฟังก์ชันมีการอ้างถึง TextBox ด้วย $("#txt") กรณีต้องการซ่อนแนะนำให้ใช้คำสั่ง hide และคำสั่ง show สำหรับแสดง