jquery .toggle()不起作用

时间:2017-08-10 11:20:46

标签: javascript jquery

我尝试学习JavaScript和Jquery。我想制作一个隐藏文字的按钮。我使用了切换功能,但它不起作用,我不知道为什么。有人能帮我吗? 这是脚本:

 $(document).ready(function() {
(".button").click(function() {

    $(".einleitung").toggle(1000);

});
});

这是我要隐藏的文字:

<button class="button">Lesen</button>
    <div class="einleitung">
    <article class="article">
     <p><strong><em>My text.</em></strong></p>
    </article>
  </div> 

以下是Jquery的链接:

<header>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</header>

感谢您帮助我:)

4 个答案:

答案 0 :(得分:4)

工作正常,您在DataFrame之前错过了$

&#13;
&#13;
(".button")
&#13;
$(document).ready(function() {
  $(".button").click(function() {
    $(".einleitung").toggle(1000);
  });
});
&#13;
&#13;
&#13;

答案 1 :(得分:1)

你错过了$(&#34; .button&#34;)。 正确的方式$(&#34; .button&#34;)

答案 2 :(得分:0)

使用$(".button").click(function(){ });$在jquery中用于select a tag and to apply action on it.

答案 3 :(得分:0)

代码中缺少

$

正确的代码:

 $(document).ready(function() {
 $(".button").click(function() {

    $(".einleitung").toggle(1000);

});
});

希望这会对你有帮助!