單擊元素時設置可見對象

Question

我有這個簡單的代碼來爲水平滾動設置動畫效果！

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

我需要在單擊#next元素時設置可見元素#prev。

想法??

Answer 1

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

此外，改變你的CSS顯示：無，而不是知名度標籤。

Answer 2

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

Answer 3

由於樣式聲明的<a/>只需#id a

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