0

表示非表示ボタンで制御されるテキストの束があるhtmlがあります（このコードスニペットはパラです）。次に、その上にコントロールのレイヤーを追加したいと思います。テキスト ボックスのチェックを外すかどうかに基づいて、デフォルトで para を非表示または表示するオプションが表示されるように、html ページの上部にテキスト ボックスを表示したいと思います。

ここに私のコードパラがあります

print $indexfd
qq~<div id="div_$var3">\n~, # Add a div around the $key-elements
qq~<input onclick="showit('$var3')" type="button" id="btn_show_$var3" value="showit">\n~,
qq~<input onclick="hideit('$var3')" type="button" id="btn_show_$var3" value="hideit"><br/>\n~,
qq~<ol id="$var3" style="display: none"><li><b>$var3->{name} \: $var3->{value}</b></li></ol>\n~,
qq~</div>\n~;
4

1 に答える 1

1

これは Perl ができることではありません。JavaScript で行う必要があります。jQueryライブラリの functionを見てくださいtoggle()。それはあなたが望むことをするはずです。段落を追加し、ある種のボタンなどを追加します。次に、clickそのボタンに -handler をtoggle段落に追加します。

ドキュメントからの抜粋は次のとおりです。

単純な画像など、あらゆる要素をアニメーション化できます。

<div id="clickme">
  Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />

別の要素がクリックされたときに .toggle() が呼び出されるようにします。

$('#clickme').click(function() {
  $('#book').toggle('slow', function() {
    // Animation complete.
  });
});

HTML ドキュメントのセクションにjQuery ファイルをロードすることを忘れないでください。<head>

于 2012-06-21T22:20:42.187 に答える