Question

我有一个简单的手风琴菜单，但是单击时它没有打开。 div显示为：none，但是单击h3标题以显示时，没有发生。

<section class="informacoes">
<h3 class="h3">Informações Técnicas</h3> <!-- Click to open -->
<div class="cont">
<p>123 Test</p>
</div>
</section>

样式

h3.h3{ cursor: pointer; }
.cont{ display: none; }

脚本

$(document).ready(function(){
    $('h3.h3').click(function(){
        $(this).parent().find('.cont').slideToggle("slow");
    });
});

Answer 1

尝试一下：

    $(document).ready(function () {
        $('h3.h3').click(function () {
            $(this).parent().find('.cont').slideToggle("slow");
        });
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <section class="informacoes">
        <h3 class="h3">Informações Técnicas</h3> <!-- Click to open -->
        <div class="cont" style="display: none;">
            <p>123 Test</p>
        </div>
    </section>

单击时手风琴菜单未打开

1 个答案: