When useing jquery slide some of the css doesnt apply until after the slide

I'm making an html5 website. the page I'm encountering the issue is http://yamikowebs.com/blog.php right now I'm working on the copy/paste link. when you click it the other links slide in from the left. for some reason my anchors are underlined and display inline until the animation is done. is there a fix for this?

$(".blogLinks>article").hide(0);//hides all boxes
$("#开发者_如何学JAVAblogDirectory>ul>li").click(function()
{
    switch ($(this).index())//check which one
    {
        case 1:
            $("[title=0]").show("slide", { direction: "left" }, 1000);//animate it
            break;
    }
});

While the animation is taking place, your div is wrapped in a temporary div with a class of ui-effects-wrapper. Once the animation is complete, your article element appears as a child of blogLinks and is styled appropriately, but until then, the article element is a child of .ui-effects-wrapper.

Try applying the same style to .ui-effects-wrapper a