jquery-ui - 不透明後のjqueryホバー状態

Question

ボタンをクリックすると画像の不透明度が変わりますが、ホバー時に再ボタンが表示されます。画像の不透明度が変わったら、赤いボタンを完全に削除できます...

http://jsfiddle.net/mwPeb/11/

以下に私のjsコードを提供します

  $(document).ready(function(){
                  $(".specialHoverOne").hover(function(){
    //  alert("i am here");
                    $(".ctaSpecialOne").css("visibility","visible");


                    },
                    function(){
                        $(".ctaSpecialOne").css("visibility","hidden");
                  }
                  );

     $(".ctaSpecialOne").click(function(e){
                        e.preventDefault();

                        $(this).parent().prev().prev().css({'opacity':.5});    

                 }); 


                });

Answer 1

はい....ctaSpecialOneが赤いボタンのクラスであると仮定します...

$(".ctaSpecialOne").on('click', function(){
    $(this).remove();
});

コードに統合

 $(".ctaSpecialOne").click(function(e){
      e.preventDefault();
     $(this).parent().prev().prev().css({'opacity':.5});
     $(this).remove();   
 }); 

Answer 2

$(this).parent().prev().prev().css({'opacity':.5}).stop(true,true).delay(1).queue(function (){
    ... your code here ...
    $(this).dequeue();
});  

これは私が通常それにアプローチする方法です...

また、に変更することをお勧めし.cssます.animate。次のようにできます...

$(this).parent().prev().prev().stop(true,true).animate({'opacity':.5}).delay(1).queue(function (){
    ... your code here ...
    $(this).dequeue();
});