JQUERY DURING SLIDETOGGLE() CLASS CHANGE EVENT

Mark Devid

Total Post:102

Points:714
Posted by  Mark Devid
JQuery 
 1670  View(s)
Ratings:
Rate this:
Hi Expert!

Hi there I would like to use slideToggle for a drop down the matter I struck ed there was am trying to toggle swap a anchor element's class in the parent div while 

Slidedown .foo class and while slideup .eee class should apply and a likely demo for this question is here

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

Thanks in advance! 

  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: Jquery during slideToggle() class change event

    Hi Mark!


    Try as following. I hope it is helpful for you

    $(".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.
                }
            });
        })
    });

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!