내 jquery 함수는 한 번만 작동합니다.

Question

아래 코드는 한 번만 작동합니다. 나는 이유를 알 수 없었다. 제발 도와 줘. 정말 정말 나쁜 필요는 PLZ 도움이 나를

내 문제 : 우선 PLZ 상단 에서 프리스트 버튼을 클릭 한 후 지금 새로 고침 페이지없이 모든 이제 다시이 작업을 수행 할 두 번째에 U를 클릭 그것은 처음

$(document).ready(function() { 
    $('#goLeft').on('click', function() { 
    if ($(".myWorks").css("opacity") == "0") { 
     $('.wrap').animate({ 
     marginRight: '1045px' 
     }, "slow"); 
     $('.about_me').toggleClass("Visibility_to_visible"); 
    } else { 
     $('.myWorks').toggleClass("Visibility_to_Unvisible1"); 
     $('.wrap').animate({ 
     marginRight: '1045px' 
     }, "slow"); 
     $('.about_me').toggleClass("Visibility_to_visible"); 
    } 
    }); 


    $('#goRight').on('click', function() { 

    if ($(".about_me").css("opacity") == "0") { 
     $('.wrap').animate({ 
     marginRight: '20px' 
     }, "slow"); 
     $('.myWorks').toggleClass("Visibility_to_visible1"); 
    } else { 
     $('.about_me').toggleClass("Visibility_to_Unvisible"); 
     $('.wrap').animate({ 
     marginRight: '20px' 
     }, "slow"); 
     $('.myWorks').toggleClass("Visibility_to_visible1"); 
    } 
    }); 

}); 

같은 일을 dosent 볼이 내 웹 페이지입니다 : 당신이 설명하는지 재현 할 수없는 https://jsfiddle.net/nn8b8w3e/

Answer 1

: 모든

첫 번째는 PLZ 상단에서 프리스트 버튼을 클릭 한 후 첫 번째 버튼을 클릭 한 후 두 번째

에 을 클릭, 두 번째 버튼은 더 이상 클릭 표시되지 않습니다. 새 패널의 단추도 아무 것도하지 않습니다.

이

그러나 슬라이드 어느 방향에 대한 테스트하는 코드를보고, 무엇을, 등은, 각 패널의 opactiy에 따라 :

이

if ($(".myWorks").css("opacity") == "0") { 

하지만 포함 한 코드는 결코 불투명도를 변경하지 뭐든지.

$('.about_me').toggleClass("Visibility_to_visible"); 

하지만 포함하는 CSS에는 해당 클래스가 표시되지 않습니다. 당신은 예를 들어, 불투명도와 해당 클래스를 정의하거나 대신 행동에 불투명도를 지정해야합니다 중 하나

$('.about_me').toggleClass("Visibility_to_visible").css('opacity', 1); 

Answer 2

HELLP 친구 내가 해냈어이 변경이 버그를 해결할 수 U의 모든 덕분에 여기 U

위한거야

그냥

$(document).ready(function(){ 
    $('#goLeft').on('click', function(){ 
    if($(".myWorks").css("opacity") == "0") 
    { 
     $('.wrap').animate({ 
     marginRight : '1045px' 
    },"slow"); 
    $('.about_me').toggleClass("Visibility_to_visible").css('opacity',1); 
     } 
    else { 
    $('.myWorks').toggleClass("Visibility_to_visible1").css('opacity',0); 
    $('.wrap').animate({ 
    marginRight : '1045px' 
    },"slow"); 
    $('.about_me').toggleClass("Visibility_to_visible").css('opacity',1); 
    } 
    }); 
    //////////////////////////////////////////////////////////////////// 
    $('#goRight').on('click', function(){ 

    if($(".about_me").css("opacity") == "0") 
    { 
     $('.wrap').animate({ 
     marginRight : '20px' 
    },"slow"); 
    $('.myWorks').toggleClass("Visibility_to_visible1").css('opacity',1); 
     } 
    else { 
    $('.about_me').toggleClass("Visibility_to_visible").css('opacity',0); 
    $('.wrap').animate({ 
     marginRight : '20px' 
    },"slow"); 
    $('.myWorks').toggleClass("Visibility_to_visible1").css('opacity',1); 
    } 
    }); 
    ///////////////////////////////////////////////////////////////// 
});