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

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

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

User avatar
M004
PHP VIP Members
PHP VIP Members
Posts: 1323
Joined: 01/01/1970 7:00 am

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

Post by M004 »

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

แทรก

Code: Select all

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

Code: Select all

  
 <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 1127 times
ภาพตัวอย่างการ show
show.png
show.png (41.45 KiB) Viewed 1127 times

  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 2 guests