[jQuery] Re: combine slide and fade

[Paul Mills]

Hi Chris,
It's a bit tricky trying to get 2 effects to run at the same time on
the same jQuery selection. My approach would be to change the HTML
mark up so that the 2 effects can be applied to different selections.
So if you have some HTML like this:
  <button>Toggle</button>
  <p id="text">
  <span>
    This is the content to be hidden and shown........
  <span>
  </p>

You can apply the slide effect to the <p> and the fade to the <span>.
JavaScript a bit like this:
    $("button").toggle(function () {
      $("#text span").fadeOut("slow");
      $("#text").slideUp("slow");
    },function() {
      $("#text span").fadeIn("slow");
      $("#text").slideDown("slow");
    });

Hope that helps
Paul