slideToggle Issue

slideToggle Issue

Hey guys, I have a .slideToggle function on my website when any of the header top links are clicked. One div slides up and down 'over' another. In the jQuery, a #main-content-portfolio slides down, then disappears but when it slides back up it reappears AFTER the slide. Is there a way to make #main-content-portfolio appear BEFORE the slide?

  1. $(document).ready(function(){
  2. $(".slide-button-one").click(function(){
  3. $("#main-content-info").slideToggle(800,function(){
  4. $("#main-content-portfolio").toggle();
  5. });
  6. return false;
  7. });
  8. });

Thanks