안 가져가 기능을 사용하여 변수

Question

http://jsfiddle.net/2CkKW/5/

는, 그런 다음 마우스 오버 색상으로 변경하고 "주석을 추가"버튼이 표시됩니다. 그런 다음 사용자가 댓글 버튼을 다시 클릭하면 다시 '잠금 해제'상태로 돌아가 '댓글 추가'버튼을 숨 깁니다.

도움을 주셔서 감사합니다. 이해하기가 나쁘지 않길 바랍니다.

Answer 1

hover 첫 번째 처리기 내에서 if(showing == 0) 상태를 확인하십시오. 그러나 전역 변수를 사용하는 대신 덧글 추가 버튼의 가시성을 확인할 수 있습니다. 이

$("#commentsempty").hover(
    function(){ 
     if(!$("#addcomment").is(':visible')){ 
      $(this).css("background-position", "-148px"); 
      $("#commentsstatus").css("color", "#35a4de"); 
     } 
    }, 
    function(){ 
    $(this).css("background-position", "-185px"); 
    $("#commentsstatus").css("color", "#484848"); 
}) 

$("#commentsempty").click(function(){ 
    if(!$("#addcomment").is(':visible')){ 
     $("#addcomment").fadeIn(500); 
     $(this).css("background-position", "-148px"); 
     $("#commentsstatus").css("color", "#35a4de"); 
    }else{ 
     $("#addcomment").fadeOut(500); 
     $(this).css("background-position", "-185px"); 
     $("#commentsstatus").css("color", "#484848"); 
    } 
}); 

Demo

Answer 2

난 당신의 코드 다운 :) 조금 단축 한 4 라인을 시도해보십시오

$("#commentsempty").click(function() { 
    $("#addcomment").toggle(500); 
    $(this).toggleClass('over'); 
}); 

http://jsfiddle.net/2CkKW/10/

내 조언 : CSS 곳의 활용 CSS로 가능하고 어디서 할 수 있는지요.