jquery - スライドショーのjQueryマウスオーバーとマウスアウト

Question

次のスクリプトは問題なく動作しますが、矢印 (#leftControl #rightControl) を非表示にして、スライドショーにカーソルを合わせたときに表示されるようにしたいと考えています。問題は、最初のスライドにいる場合は右矢印のみを表示する必要があり、その逆も同様です。これは、表示するものが何もない場合にスライドショーを左または右にスライドさせるオプションを与えることを避けるためです.

 // manageControls: Hides and Shows controls depending on currentPosition
 function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{  $('#rightControl').show() }
} 

完全なスクリプト

Answer 1

function manageControls(position){

$('#slide_container').mouseenter(function(){
        // Hide left arrow if position is first slide
        if(position==0){ 
                $('#leftControl').hide(); 
        } else { 
                $('#leftControl').show();
        }
        // Hide right arrow if position is last slide
        if(position==numberOfSlides-1){ 
                $('#rightControl').hide(); 
        } else{  
                $('#rightControl').show();
        }
});

$('#slide_container').mouseleave(function(){
        $('#leftControl').fadeOut();
        $('#rightControl').fadeOut();
});

}