Блог

У меня есть этот простой код для анимации горизонтальной прокрутки!

 <script type="text/javascript">
$(document).ready(function() {

    $('#next').click(function() {
        $('body').stop().animate({scrollLeft:" =" 500},1000); 
    });

    $('#prev').click(function() {
        $('body').stop().animate({scrollLeft:"-=" 500},1000 );
    });
});
</script>

<li id="next"><a href="#" class="forward" style=" position:fixed">Next</a></li>
<li id="prev"><a href="#" class="back" style=" position:fixed; visibility: hidden;">Previous</a></li>
  

Мне нужно установить элемент #prev видимым при нажатии на #next элемент.

Идеи??

 $('#next').click(function() {
        $('body').stop().animate({scrollLeft:" =" 500},1000);
        $('#prev a').show();
    });
  

Кроме того, измените свой CSS на display:none вместо тега visibility.

Поскольку стиль объявлен <a/> просто целевым с помощью #id a

 $('#next').click(function() {
    $("#prev a").css('visibility','visible');
    $('body').stop().animate({
        scrollLeft: " ="   500
    }, 1000);
});
  

 $('#next').click(function(){
   $('#prev a').css('visibility','visible');
});