Jquery 单击元素时设置可见对象

我有这个简单的代码动画水平滚动

<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>

$（文档）.ready（函数（）{
$（“#下一步”）。单击（函数（）{
$（'body'）.stop（）.animate（{scrollLeft:“+=”+500}，1000）；
});
$（'#prev'）。单击（函数（）{
$（'body'）.stop（）.animate（{scrollLeft:“-=”+500}，1000）；
});
});

我需要将元素#prev设置为单击#next元素时可见

想法

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

---

另外，将CSS更改为display:none，而不是visibility标记。

因为样式被声明为

仅由

#id a

作为目标

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

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