Aşağıda görüldüğü gibi jQuery etkileri slideRightShow() slideLeftHide() adında benzer şekilde slideUp() slideDown() çalışan birkaç fonksiyonları ile uzattım. Ancak, aynı zamanda slideLeftShow() slideRightHide() uygulamak istiyorum.

Biliyorum orada önemli kütüphaneler teklif bu tür şey (isterim önlemek ekleme başka bir büyük set javascript dosyaları), ama herkes sağlar basit bir örnek nasıl ya slideLeftShow() slideRightHide()?

jQuery.fn.extend({
  slideRightShow: function() {
    return this.each(function() {
      jQuery(this).animate({width: 'show'});
    });
  },
  slideLeftHide: function() {
    return this.each(function() {
      jQuery(this).animate({width: 'hide'});
    });
  },
  slideRightHide: function() {
    return this.each(function() {
      ???
    });
  },
  slideLeftShow: function() {
    return this.each(function() {
      ???
    });
  }
});

slideRightShow fonksiyon yukarıdaki başlar Sol tarafta gösteriliyor ve sağ tarafına doğru ilerler.Bir şekilde aynı şeyi yapmak ama sağ taraftan başlayın ve sola doğru ilerleme için arıyorum. Teşekkürler!

EDİT

jQuery Arayüzü var gibi bir şey lazım (aslında gerek onların "slayt sağ" ve "dışarı kaydırın sol" fonksiyonlar), ama ben bulamadım bu iş ile jQuery 1.3: http://interface.eyecon.ro/demos/ifx.html . Ayrıca, bir demo sadece bir slayt bir kez yapacak kadar iyi bir milyon hataları atmadan önce kırık gibi görünüyor.

Bu özellik, eğer bu kullanabilirsiniz kendi adları ile uzatmak istiyorsanız http://docs.jquery.com/UI/Effects/Slide jquery uı parçası olarak dahil edilmiştir.

jQuery.fn.extend({
  slideRightShow: function() {
    return this.each(function() {
        $(this).show('slide', {direction: 'right'}, 1000);
    });
  },
  slideLeftHide: function() {
    return this.each(function() {
      $(this).hide('slide', {direction: 'left'}, 1000);
    });
  },
  slideRightHide: function() {
    return this.each(function() {
      $(this).hide('slide', {direction: 'right'}, 1000);
    });
  },
  slideLeftShow: function() {
    return this.each(function() {
      $(this).show('slide', {direction: 'left'}, 1000);
    });
  }
});

aşağıdaki başvuru gerekir

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script>