コードは以下のように表示されます:
リーリー上記は HTML の構(gòu)造です。JAVASCRIPT (JQUERY ではありません) を使用して 5 つのリンクのみを表示し、殘りを非表示にする方法です。畫像またはテキストをクリックして表示し、クリックして非表示にする必要があります。どうすればこの機(jī)能を?qū)g現(xiàn)できますか?
現(xiàn)在表示されている:
私はリンク 1
私はリンク 2
私はリンク 3
私はリンク 4
私はリンク 5
...
私はリンク 10
表示したい効果:
私はリンク 1
私はリンク 2
私はリンク 3
私はリンク 4
私はリンク 5
︿ //ここをクリックして殘りの「私は」を展開しますリンク「6-10」をクリックして「私はリンク 6-10」を非表示にします。
愚かな方法である非同期リクエストについて話しましょう。最初に必要なものだけをロードし、ボタンをクリックして殘りをリクエストし、それをページに動(dòng)的にロードします。新しく追加した li にクリック非表示用のクラスを追加します。
リーリーコードはかなり醜いですが、ご容赦ください(jquery APIを使用)
上記の回答を読んだ後、それが私の考えではないと思いますが、ここで私の考えについて話しましょう。 リーリー リーリー
loadNode()を呼び出すたびに、生成するliの數(shù)をパラメータとして渡すことで動(dòng)的に生成できます何を言っているのかよくわかりません
css:
.hide {display:none} などの li の予約クラス名を設(shè)定します
次に、次の li クラスに Hide を追加します
js:
クリックイベントをトリガーにして非表示の有無を判斷し、狀況に応じてクラスの削除やクラスの追加を行います。
おそらくこれがルートです。
<ボタン onclick="toggle_fn()">トグル ボタン</button>
<スクリプト>
リーリー</スクリプト>
そのアイデアは、ul overflow:hidden を?qū)g行してから高さを変更することです。
下書きを書きました https://jsfiddle.net/straybug...