ตัวอย่างการใช้ Jquery การแสดงและซ่อน ข้อความ

jQuery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , jQuery และ Ajax

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
M004
PHP VIP Members
PHP VIP Members
โพสต์: 1323
ลงทะเบียนเมื่อ: 01/01/1970 7:00 am

ตัวอย่างการใช้ Jquery การแสดงและซ่อน ข้อความ

โพสต์ที่ยังไม่ได้อ่าน โดย M004 »

ตัวอย่างการ show และ hide โดยใช้ toggle()
toggle() คือ คำสั่งของ jQuery ในหมวดของ Effects มีไว้สำหรับการแสดง และการซ้อน Elements
โดย toggle() จะรวมคำสั่ง show() และ hide() ตรงที่ คำสั่ง toggle() จะรวมคำสั่งทั้ง 2 เข้าไว้ด้วยกัน

แทรก

โค้ด: เลือกทั้งหมด

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
ตัวอย่าง Code

โค้ด: เลือกทั้งหมด

  
 <script>    
    $( "#showr" ).click(function() {
            $( ".show_calen12" ).toggle('slow');
            var text = $(this).text();
            if(text== 'Show'){
                $(this).text('hide');
            } else {
                 $(this).text('Show');
    }
        });
</script>
ภาพตัวอย่างการ hide
hide.png
hide.png (12.79 KiB) Viewed 1464 times
ภาพตัวอย่างการ show
show.png
show.png (41.45 KiB) Viewed 1464 times
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 70