php - 单击时手风琴菜单未打开

Question

我有一个简单的手风琴菜单，但点击时它没有打开。div 是 display: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");
    });
});

标签： phpjquery

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>