$(document).ready(function() {

    $(".global-menu ul li").hover(function () {
      $(this).find("span").show("slide", { direction: "left" }, 800);
},
function () {
      $(this).find("span").hide("slide", { direction: "right" }, 800);
});

});

<div class="global-menu">
            <ul>
                <li>
                    <a href="#">Главная</a>
                    <span></span>
                </li>
                <li class="active">
                    <a href="#">Портфолио</a>
                    <span></span>
                </li>
                <li>
                    <a href="#">Статьи</a>
                    <span></span>
                </li>
                <li>
                    <a href="#">Контакты</a>
                    <span></span>
                </li>
            </ul>
        </div>