jquery - Jquery アコーディオンの追加要件

Question

次の jquery コードで 2 つの修正が必要です。(デモはこちら)

1. 段落内の閉じるリンクをクリックしたときに、段落を上にスライド (非表示) したい。
2. 段落を上下にスライドすると、アクティブクラス（矢印アイコン）が正しく機能するはずです。お気付きのように、両方の段落を開くと、矢印の方向がおかしくなっています (∧ 上、∨ 下、∧ 上)。para が閉じているときは矢印ポインターが下向き (∨) であり、開いている場合は矢印が上向き (∧) である必要があります。

以下は私のコードです

$(document).ready(function(){
    $(".accordion p").hide();

    $(".accordion h3").click(function(){
        $(this).next("p").slideToggle("fast")
        $(this).toggleClass("active");
        $(this).siblings("h3").removeClass("active");
    });
});

前もって感謝します

Answer 1

もう少し作業すれば、すぐに自分でできるようになるはずです。

LIVE DEMO

$(function(){
    $(".accordion p").hide();

    $(".accordion h3").click(function(){
        $(this).next("p").slideToggle("fast").siblings('p').slideUp("fast");
        $(this).toggleClass("active").siblings("h3").removeClass("active");            
    });

    $('.accordion a.mylink').click(function( e ){
        e.preventDefault();
        $(this).closest('p').slideToggle("fast").prev('h3').removeClass("active");        
    });
});