Question

I am working with this code:

<script type="text/javascript">
$(function(){
  $('#MyLink').click(function(){
     $('#DivA').toggle();
     $('#DivB').toggle(); 
  });
});
</script> 

I just need to add some sliding to it of some other effect so that you can tell that it’s actually swapping from one div to another.

Answer 1

You could use the slidetoggle function

$(function(){
  $('#MyLink').click(function(){
     $('#DivA').slideToggle();
     $('#DivB').slideToggle(); 
  });
});

You can also experiment with passing a duration to toggle—this will add a sliding effect to the element you’re toggling

$(function(){
  $('#MyLink').click(function(){
     $('#DivA').toggle('slow');
     $('#DivB').toggle('slow'); 
  });
});