1

ボタン (または下の例ではリンク) をクリックして、コンテンツの 2 つのブロックを切り替えて、基本的にコンテンツの表示からコンテンツの編集に移行したいと考えています。

次のコードの断片があります。

<style type="text/css">
    div.show {display:block;}
    input.hide {display:none;}
</style>

<a href="#">edit</a> <!--not sure what my jquery should look like to do toggling-->
<div class="show" id="d-01-on">Some content</div>
<input class="hide" id="d-01-off" name="d-01" value="Some content" />

助けてくれてありがとう。

[この手法への拡張については、反復的な jQuery コードを合理化および圧縮する方法を参照してください]

4

3 に答える 3

1

これにより、両方の要素の表示が切り替わります。

function handleClick() {
  $('div.show').toggle();
  $('input.hide').toggle();
}

もちろん、クラス名は間違っています。代わりにIDを使用できます。

于 2012-10-31T12:50:55.490 に答える
1

jQuery を使用すると、次の JS コードを追加するだけで簡単に実行できます。

$(document).ready(function(){
   $('#button').on('click', function() {
        $('#d-01-on').toggle();
        $('#d-01-off').toggle();
   });
})

また、現在のマークアップと CSS コードで動作します。

于 2012-10-31T12:52:18.227 に答える
1

jquery を使用して要素を表示および非表示にするには、次のようにします。

HTML:

<div id="d-01">content</div>

Javascript:

$.("#d-01").toggle(); //toggles display so if shown then hides, if hidden then shows;
$.("#d-01").show();  //shows div
$.("#d-01").hide();  //hides div
于 2012-10-31T12:49:06.543 に答える