Question

单击特定文本时，应显示隐藏的div（隐藏为.hide（）;）。然后，当再次点击所述文本时，div应该隐藏并且la，la，la ...

简单，但不起作用。

HTML code：

    <div class="row">
        <div class="col-sm-12">
            <a id="idMakam" class="artistas">Makam</a>
        </div>
    </div>
    <div id="infoMakam" class="row">
        <div class="col-sm-12">
            <p class="infoArtistas">Nacido y criado en la costa holandesa, <b>Makam</b> golpeó un nervio creativo que impulsó su talento crudo a temprana edad. </p>
        </div>
    </div>

jQuery代码：

$(document).ready(function () {
    //Toogles de +info de artistas:
    $("#infoMakam").hide(); //Primero los esconde.
    $("#idMakam").click(function(){
        $("#infoMakam").slideToggle(200);
    });
});

Answer 1

＆＃13;

When you want to reuse

＆＃13;

我无法找到问题所在。

Answer 2

我只是将你的代码复制粘贴在plunker中，它正在运行。

检查是否有错误？你有jquery库吗？

＆＃13;

// Code goes here
$(document).ready(function () {
    //Toogles de +info de artistas:
    $("#infoMakam").hide(); //Primero los esconde.
    $("#idMakam").click(function(){
        $("#infoMakam").slideToggle(200);
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <body>
    
     <div class="row">
        <div class="col-sm-12">
            <a id="idMakam" class="artistas">Makam</a>
        </div>
    </div>
    <div id="infoMakam" class="row">
        <div class="col-sm-12">
            <p class="infoArtistas">Nacido y criado en la costa holandesa, <b>Makam</b> golpeó un nervio creativo que impulsó su talento crudo a temprana edad. </p>
        </div>
    </div>
  </body>

＆＃13;

Answer 3

如上所述，您的代码应该可以正常工作。我唯一的想法是，如果你的文件中有其他javascript与.toggle（）冲突？我假设你的代码不仅仅是给出了什么，所以如果不是，请不要理会。如果有，请检查没有任何其他javascript语句与隐藏的div冲突，以便它不会切换。我之前遇到过这个问题，所以只是想一想你可能想检查一下。给出的代码完美无缺！

.slideToggle（）;单击文本时不起作用

3 个答案: