1

いくつかの異なるコードを見つけましたが、それらをまとめて動作させる方法がわかりません。助けてください。

テキストの一部を表示/非表示: JQuery を使用して詳細を表示/非表示

Explode/Implode Text: jQuery を使用して文字通りテキストをランダムな場所に分解します

2つを組み合わせるにはどうすればよいですか？段落テキストの一部を非表示にして開始したいのですが、誰かが「もっと読む」をクリックすると、内破テキストが一緒になって段落の残りの部分がテキスト、画像、または何でも。誰かが「テキストを折りたたむ」をクリックすると、明らかになった段落の部分が爆発し、「スポット」が閉じてページを元の状態に戻します。

4

1 に答える 1

0

ある意味で、デフォルトのDOM操作が「それ自体の後でクリーンアップ」するため、必要なスペースを開いて一掃する必要があります。このコードはあなたが必要とすることを正確に行うべきです:)

編集私はこのコードを任意のjquery/jqueryUIで機能するように変更しました。テキストからdisplaynoneを削除し、このコードを使用します。

 <a href="javascript:;" id="openLink">Read More</a>
 <p id="text" >lorem ipsum dolowhatever this is</p>

 <script type="text/javascript">
$(document).ready(function(){ 
 $("#text").hide();
 $("#openLink").toggle(function () {
   $("#text").show('explode', {}, 600);
   $("#openLink").text("Read Less");
   }, function () {
   $("#text").hide('explode', {}, 600);
   $("#openLink").text("Read More");
  });
});
</script>

リファレンス ->デモ-> JSFiddle

于 2013-01-28T17:52:16.933 に答える