I'm not to familiar with jQuery, I'm trying to use the effects slideUp, slideDown and slideToggle, and it working fine, Sometimes I want more than one effect to trigger on a single click, and this is fine I use the code below within a div tag

OnClick="$('#pdfbutton').slideUp();$('#onebuttonbase').slideUp();$('#pdfgreen').slideToggle()"

But I want the effects to trigger only when the previous has finished. And I'm not sure how to achieve this...

Any help is much appreciated.