Question

once i click the button the image opacity changes but still the re button appears on hover
is it possible to remove the red button completely once the opacity of the image changes…

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

providing my js code below

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

Yes…assuming that .ctaSpecialOne is the class for the red button…

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

Integrated into your code

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