1

そこで、divを表示/非表示にする次のjqueryを作成しました。

$(document).ready(function(){
  $("#me").hide();
  $("#hide").click(function(){
    $("#me").hide();
  });
  $("#show").click(function(){
    $("#me").show();
  });
});
これはテキストです 非表示 表示

http://jsfiddle.net/6DTeq/7/ 正常に動作します。しかし、テキストの表示と非表示を別々にするのではなく、表示と非表示を切り替える必要があるように、それを機能させる必要があります。しかし、主な問題は、国際化のためにJavaScriptファイルにテキストを入れたくないということです。テキストが html に存在する場合は問題ありません。誰かがこれで私を助けることができますか?

4

4 に答える 4

4

HTML :

<div id="me"> This is some text</div>
<div id="toggle">toggle</div>

J:

$("#toggle").click(function(){
  $("#me").toggle();
});

デモ-----> http://jsfiddle.net/6DTeq/8/

更新されたフィドル -----> http://jsfiddle.net/6DTeq/13/

于 2013-06-19T21:44:59.743 に答える
3

これを試して

$(document).ready(function(){
  $("#me").hide();
  $("#hide").click(function(){
      $("#me").toggle();
      $(this).text(function(i, val) {
          return val === 'Show' ? 'Hide' : 'Show';
      });
  });
});

フィドルをチェック

于 2013-06-19T21:46:30.430 に答える
2 
<div id="me" style="display:none;"> This is some text</div>
<div id="clickContainer">
    <div id="hide" style="display:none;">Hide</div>
    <div id="show">Show</div>
</div>

$(document).ready(function(){
    $("#clickContainer").click(function(){
        $("#me").toggle();
        $("#hide").toggle();
        $("#show").toggle();
    });
})
于 2013-06-19T21:56:45.263 に答える