質問

次のスタイルで段落が設定されています。

.design_info_box p.design_info_desc
{
    height:30px;
    text-overflow: ellipsis;
    overflow:hidden;
}

これを使用すると、「詳細を読む」ボタンを備えた最初の2行のテキストを見ることができます。これにより、段落を展開してテキストの残りの部分を表示します。

これがボタンのコードです:

$(".read-more div").click(function(){
    $(this).parent().parent().children("p").removeClass("design_info_desc", "slow");
    $(this).hide();
});

これにより、クラスが削除され、段落全体が明らかになります。ただし、アニメーション化しません。ドキュメントによると Removeclass アニメーションの期間が必要です。また、10000のような数字で「遅い」を置き換えようとしました。

それがアニメーション化されていない理由はありますか?

役に立ちましたか?

解決

これが機能していない理由(私は信じています)は、これがコアJQueryライブラリではなく、Jqueryuiの特徴であるためです。ページにjqueryuiへの参照を含めると、これが機能し始めるはずです。

ここでライブデモをご覧ください: http://jsfiddle.net/yash6/

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top