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

时间:2015-03-05 00:43:29

标签: javascript jquery html

我是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>

我关门了吗?请帮忙!

1 个答案:

答案 0 :(得分:1)

你足够近了......

您的脚本中存在语法错误,缺少})对,然后在您的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>