かなり標準的な、前/次の矢印が付いたフレックススライダーがあります。ページの読み込み時に矢印を非表示にし、ユーザーがカルーセル情報にカーソルを合わせたときにのみ表示されるようにします。
これが私のコードです:
$(".flex-container.home ul.flex-direction-nav").hide();
$(".flex-container.home .flexslider").hover(
function(){
$(".flex-container.home ul.flex-direction-nav").fadeIn();
},
function(){
$(".flex-container.home ul.flex-direction-nav").fadeOut();
}
)
現在の問題は、ユーザーが実際に矢印自体にカーソルを合わせると、技術的にそうするように求めているため、フェードアウトすることです。ul.flex-direction-nav css スタイルに !important css をいくつか追加しようとしましたが、フェードアウトが発生するのを止めません。