How do you change more than one CSS property of an element using the .animate() function using jQuery? code example

Example 1: jquery animation

$( "#clickme" ).click(function() {
  $( "#book" ).animate({
    opacity: 0.25,
    left: "+=50",
    height: "toggle"
  }, 5000, function() {
    // Animation complete.
  });
});

Example 2: jquery change position animate

$("#Friends").animate({ 
        top: "-=30px",
      }, duration );