0

「もっと見る...」というリンクがあります。クリックすると、div の表示と詳細が切り替わります。divの切り替えが発生したときに、リンクのコンテンツを「もっと表示...」と「詳細を非表示」の間で切り替える簡単で美しい方法があるのだろうか?

4

4 に答える 4

3

テキストを切り替えるだけの場合は、ラベルとして SPAN を使用した jQuery の簡単な例を次に示します。

$('#SpanLabel').html($('SpanLabel').text() == 'Show More...' ? 'Hide details' : 'Show More...');
于 2012-05-02T17:34:34.733 に答える
0

CSS ルールを使用して表示されるコンテンツを変更できます: http://jsfiddle.net/8G6fm/

さらにスタイルを設定したい場合は、スタイルに追加できるという利点があると思います(たとえば、開いているかどうかに応じて、左/下を指す矢印の背景画像を使用します)。

于 2012-05-02T19:10:25.667 に答える
0

HTML 5 を使用 http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_summary

于 2012-05-02T17:34:56.070 に答える
0

私は以前にこれを使用していくつかの成功を収めました:

http://plugins.learningjquery.com/expander/index.html

于 2012-05-02T17:36:07.827 に答える