Question

我想在＆＃34;隐藏＆＃34;中显示隐藏的div内容。通过单击文本视图答案。但不起作用，只显示第一个。

点击第二个时，显示第一个。

正确的方法是什么？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>

<script>

$(document).ready(function(){
    $("#script").ready(function(){
        $(".click",this).click(function(){
            $("#oculto").slideToggle("slow");
        });
    });
});

</script>

<div id="script">
    Cear una variable e imprimir su contenido.<br>
    <b class="click">Ver respuesta</b>
    <br><br>
    <div id="oculto">
        TEXT ONE
    </div>
</div>


<div id="script">
    Cear una variable e imprimir su contenido.<br>
    <b class="click">Ver respuesta</b>
    <br><br>
    <div id="oculto">
        TEXT TWO
    </div>
</div>

Answer 1

您提交的代码在id中均使用<div id="script">。 id应该每页使用一次，其中class可以多次使用。如果您从：

切换

<div id="script">

到

<div class="script">

也适用于oculto

然后将您的选择器从$("#script")和$("#oculto")更改为使用.代替#，例如$（＆＃34; .script＆＃34;）然后您将让事情更加有效。

示例代码还存在其他问题，但这是最明显的问题。您还可能需要修复$("#script").ready(function(){的使用。停下来并尝试向自己解释这条线正在做什么。

显示继承了相同模式的多个容器

1 个答案: