$(document).ready( function() {

    $(".more-details").hide();
    $(".more-next-details").hide();
    
    $(".btn-details").click( function(event) {
      if ($(".more-details").hasClass("active") && $("span.arrow").hasClass("active"))
       {
        $(".more-details").removeClass("active");
        $("span.arrow").removeClass("active")
        $(".more-details").slideUp();
       }
      else
       {
        $(".more-details").addClass("active");
        $("span.arrow").addClass("active")
        $(".more-details").slideDown();
       }
    });

    $(".btn-next-details").click( function(event) {
      if ($(".more-next-details").hasClass("active") && $("span.arrow1").hasClass("active"))
       {
        $(".more-next-details").removeClass("active");
        $("span.arrow1").removeClass("active")
        $(".more-next-details").slideUp();
       }
      else
       {
        $(".more-next-details").addClass("active");
        $("span.arrow1").addClass("active")
        $(".more-next-details").slideDown();
       }
    });

});