ถัดไป ก่อนหน้า

3.4 Content Formatting

     c. Collapsible content

3 Collapsible Medthod

   Collapsible plugin มี method ดังต่อไปนี้

• collapse collapse a collapsible
  

  
   $( ".selector" ).trigger( "collapse" );	
   

• expand expand a collapsible
  

  
  $( ".selector" ).trigger( "expand" ); 
   

4 Collapsible Events

   ผูก event ด้วย div ปกติ โดยใช้ virtual events หรือผูกกับ JavaScript events, like change, focus, blur ฯลฯ จากโค้ดดังต่อไปนี้

$( ".selector" ).bind( "collapse", function(event, ui) {
  ...
});
 

Collapsible plugin มีevent ที่สามารถกำหนดเองได้ดังนี้

• create เรียกใช้ เมื่อสร้างcollapsible
  

  
  $( ".selector" ).collapsible({
     create: function(event, ui) { ... }
  });
   

• collapse เรียกใช้ เมื่อต้องการให้ collapsible เป็น collapsed
  

  
  $( ".selector" ).collapsible({
     collapse: function(event, ui) { ... }
  });
   

• expand เรียกใช้ เมื่อต้องการให้ collapsible เป็น expanded
  

  
  $( ".selector" ).collapsible({
     expand: function(event, ui) { ... }
  });