Question

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
$("#blogDirectory>ul>li").click(function()
{
    switch ($(this).index())//check which one
    {
        case 1:
            $("[title=0]").show("slide", { direction: "left" }, 1000);//animate it
            break;
    }
});

Answer 1

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