JQuery simultaneously switches animation "slide" and "fading"

Question

jQuery has slideToggle and a fadeToggle , but they interact poorly (see script here ):

 $('div').on('click', function () { $('span') .slideToggle({duration: 'slow', queue: false}) .fadeToggle({duration: 'slow', queue: false}); }); 

How can I switch slide and fade at the same time?

Answer 1

Use .animate() as follows:

 $('span').animate({ height: "toggle", opacity: "toggle" });