jqueryの拡張テキストにJavaScriptのトランジションを追加するには？

Question

私が見つけた崩壊するテキストjqueryプラグインのトランジションを作成する際に問題があります。 Unfortunatley私はほとんどjavascriptへの理解を行った。一番下に「& &（this）.show（ 'fast'）;」と追加しました。しかしそれはうまくいかなかった。うまくいけばあなたが助けることができます。

$(document).ready(function() { 
    var maxheight=16; 
    var showText="Weiterlesen"; 
    var hideText="Zusammenklappen"; 

    $('.expand').each(function() { 
    var text = $(this); 
    if (text.height() > maxheight){ 
     text.css({ 'overflow':'hidden','height': maxheight + 'px' }); 

     var link = $('<p class="weiter" id="noselect"><a>' + showText + '</a></p>'); 
     var linkDiv = $('<div></div>'); 
     linkDiv.append(link); 
     $(this).after(linkDiv); 

     link.click(function (event) { 
      event.preventDefault(); 
      if (text.height() > maxheight) { 
       $(this).html('<a>' + showText + '</p>'); 
       text.css('height', maxheight + 'px') 
       &&(this).show('fast'); 
      } else { 
       $(this).html('<a>' + hideText + '</p>'); 
       text.css('height', 'auto') 
       &&(this).show('fast'); 
      } 
     }); 
    }  
    }); 

}）;

Answer 1

は、それが動作天気を、正しいjQueryの構文を使用しているこの

$(this).html('<a>' + hideText + '</p>'); 
text.css('height', 'auto'); 
$(this).show('fast'); 

これにそれを変更してみたりない「これは」何であるかに依存します。

Answer 2

(this).show(); 

が動作しません。これはHTMLエレメントであり、の表示のプロパティはありません。 jquerysオブジェクトのプロパティが必要です。

jQuery(this)//get the jquery object of that html el 
.show();//call the function on that 

$はjQueryの略です。だから、：

$(this).show(); 

注このは、リンクされていますが、（ウィッヒが既にjQueryオブジェクトである）テキストを表示したい：

text.show(); 

---

& &に関して（ANDオペレータ）：

false && alert("nope"); 
true && alert("yes"); 
a() && b(); //b is just called if a() is truthy => can create bugs in your case 

Ita notここでこの演算子を使用するために必要/便利です。 IVEは右のあなたを得た場合しかし、あなたはカンマ演算子を使用することができますが、そのは共通単にしかし二つの文...

---

を使用するように、にその必要ありませんがを表示するのではなくトランジションを追加します。

.expand{ 
transition:all 2s ease; 
} 

注高さのために、このdoesntの仕事を、しかし、最大の高さのために、その一つは高さ設定があります：それは、CSSで行うことができます...自動車を500％と0PXからの最大高さを変更