jquery - slideToggle() クラス変更イベント中の Jquery

Question

こんにちは、スライドダウン .foo クラスとスライドアップ .eee クラスが適用されるべきである間、親 div のアンカー要素のクラスをトグル スワップしようとしていることに気づきました。この質問はここにあります

$(".select_type").click(function(){
 var id=$(this).attr('id');
 $("#"+id+"_drop").slideToggle(function(){
 if($(this).is(':visible')){  $("#"+id+" a").addClass("foo"); }
 })
 }) 

ここでデモ..

手伝ってください。

Answer 1

これを試して：-

デモ

$(".select_type").click(function () {
    var id = $(this).attr('id');
    $("#" + id + "_drop").slideToggle(function () {
       $("#" + id + " a").attr({
            'class': function (_, oldVal) {
                return oldVal === "up_arr" ? "down_arr" : "up_arr"; //Change the class here, based on prev value.
            }
        });
    })
});