[script] toggle _아코디언+active

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 
<script>
    $(document).ready(function() {
        $(".toggle p").hide();
        // $(".toggle > li:first-child a").next().show();
 
        $(".toggle li a").on("click", function() {
            $(".toggle li a").not(this).removeClass("active");
            $(this).addClass("active")
 
            $(this).next().slideToggle(300);
            // $(this).next().slideDown(300);
            $(".toggle li a").not(this).next().slideUp(300);
            return false;
        });
 
        $(".toggle li a").eq(0).trigger("click");
    });
</script>
 
 
<ul class="toggle">
    <li>
        <a href="#">첫 번째 토글</a>
        <p>첫 번째 내용</p>
    </li>
    <li>
        <a href="#">두 번째 토글</a>
        <p>두 번째 내용</p>
    </li>
    <li>
        <a href="#">세 번째 토글</a>
        <p>세 번째 내용</p>
    </li>
</ul>