单击按钮隐藏或取消隐藏文本

Kenny Rhea 发表于 Dev

肯尼·瑞亚（Kenny Rhea）

我是html的新手，这是我们的第一个javascript家庭作业简介；所以我自然很害怕！这是我正在谈论的示例：

<div class="someclassname"> <a href="image.jpg">
           <img src= Image/image.jpg height="80">
    </a>
    <p>some text to he hidden with the image!</p>
</div>

我到处都看过，发现了类似的东西，但我无法胜任地将其转换为我正在做的事情

我在想代码应该看起来像这样吗？

<script>
$(document).ready(function() {
$("Button").click(function() {
$(".someclassname").toggle();
if ($.trim($(this).text()) == 'Hide') {
$(this).text('Show');
} else {
$(this).next('Hide');
}
});
</script>

我靠近吗？请帮忙！

阿伦·P·约翰尼

你够亲密...

您的脚本中有语法错误，缺少一对})，然后在html中放置一个按钮

$(document).ready(function() {
  $("button").click(function() {
    $(".someclassname").toggle();
    if ($.trim($(this).text()) == 'Hide') {
      $(this).text('Show');
    } else {
      $(this).next('Hide');
    }
  });
}); //this is missing

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Hide</button>
<div class="someclassname">
  <a href="image.jpg">
    <img src="Image/image.jpg" height="80" />
  </a>
  <p>some text to he hidden with the image!</p>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。