javascript - 使用 html 中的文本切换显示/隐藏的 jquery 和 css 解决方案

Question

所以我创建了以下显示/隐藏 div 的 jquery。

$(document).ready(function(){
  $("#me").hide();
  $("#hide").click(function(){
    $("#me").hide();
  });
  $("#show").click(function(){
    $("#me").show();
  });
});

这是一些文字隐藏展示

http://jsfiddle.net/6DTeq/7/它工作正常。但是我需要让它工作，这样我就不需要单独显示和隐藏文本，而是需要切换显示和隐藏。但主要问题是我不想为了国际化目的在 javascript 文件中包含文本。如果文本驻留在 html 中就可以了。有人可以帮我解决这个问题吗？

Answer 1

HTML :

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

Js:

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

演示 -----> http://jsfiddle.net/6DTeq/8/

更新的 fiddle -----> http://jsfiddle.net/6DTeq/13/