2012-03-23 31 views
0

現在、このコードを使用してタブを右から左にスライドしようとしていますが、私の最初の目標は達成できません。これはjqueryファイルです。私はアニメーションの方向を実装しようとしたが、それは私にエラーを与えた。右から左へJqueryスライドタブ

(function ($) { 
    $.fn.showHide = function (options) { 
     //default vars for the plugin 
     var defaults = { 
      speed: 1000, 
      easing: '', 
      changeText: 0, 
      showText: 'Show', 
      hideText: 'Hide' 
     }; 
     var options = $.extend(defaults, options); 

     $(this).click(function() { 

      $('.toggleDiv').slideUp(options.speed, options.easing); 

      var toggleClick = $(this); 

      var toggleDiv = $(this).attr('rel'); 

      $(toggleDiv).slideToggle(options.speed, options.easing, function() { 

       if(options.changeText==1){ 
        $(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(options.showText); 
       } 
      }); 

      return false; 

     }); 

    }; 
})(jQuery); 

答えて

0

ここでの主な問題:

var options = $.extend(defaults, options); 

あなたは、パラメータとしての機能には、二回optionsを宣言し、関数内の変数としてしています。これは問題の原因です。たとえば、optsに名前を変更してください。

var opts = $.extend(defaults, options); 
+0

大したアドバイスはありません。小さな間違いに気付きました。どのように左にスライドするオプションを追加するつもりですか? – CodingWonders90

+0

小さな間違いなし、かなり深刻な私は言うだろう。 http://jsfiddle.net/elclanrs/5kXQj/を見てください。あなたがアニメーション化することについて正しいと思った側面からタブをスライドさせるには、それを使用する必要があります。通常、 'left'プロパティではなく、タブの' width'をアニメーション化します... – elclanrs