agatkamazur

$( "#date" ).datepicker();

agatkamazur

 <input id="date" type="text" name="name" />

agatkamazur

if ($(this).hasClass('z_glowy')){
  $(this).hide('puff');
}

agatkamazur

$("#lista ").sortable(handle: "li a");

agatkamazur

jQuery(function(){

 $("#lista li").live("click", function(){
   $(this).zmienStan();

   if ($(this).hasClass('z_glowy')){
     $(this).hide('puff');
   }

 });

agatkamazur

$("#lista li").live("click", function(){
  $(this).zmienStan();
}); 

agatkamazur

zmienStan: function( ) {
  this.usunKlase();
  return this.each( function(){
    var el = $(this);
    var indeksStanu = el.data('indeksStanu') || 0
    indeksStanu = (indeksStanu + 1) % jQuery.fn.stany.length
    el.data('indeksStanu', indeksStanu)
      .addClass(jQuery.fn.stany[indeksStanu]);                                                    
  });                                                                                             
}

agatkamazur

zmienStan:function( ) {                                                                            
  this.usunKlase();                                                                               
                                                                                                    
  return this.each( function(){
    // tu umieścimy instrukcje dodające właściwą klasę
  });
}

agatkamazur

usunKlase:function() {
  var element = this;
  jQuery.each(jQuery.fn.stany, function(index, value) {
    element.removeClass(value);
  })
  return this;
}

agatkamazur

$.fn.extend({

  stany:['nowe', 'w_trakcie', 'z_glowy'],

  zmienStan:function( ) {
    this.usunKlase();
  }

});