мои функции jquery работают только один раз

Question

Мой код ниже работает только один раз. Я не мог понять, почему, пожалуйста, помогите. я действительно очень плохо нужно это плз помочь мне

моя проблема: в первую очередь плз нажмите на кнопку Фрист из верхней , а затем нажмите на второй сейчас делают это все снова без освежающий странице теперь 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"); 
    } 
    }); 

}); 

и это моя веб-страница: https://jsfiddle.net/nn8b8w3e/

Answer 1

Я не могу воспроизвести то, что вы описываете: не

первую очередь плз нажмите на кнопку Фрист из верхней, а затем нажмите на втором одном

После нажатия первой кнопки, вторая кнопка больше не видна на кнопку мыши. Ни одна из кнопок на новой панели ничего не делает.

Однако, глядя на ваш код, вы проверяете, для которых направление скольжения, что делать, и т.д., на основе 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

просто Положите несколько .css ("непрозрачность", 1), .css ("непрозрачность", 0) на нем

$(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); 
    } 
    }); 
    ///////////////////////////////////////////////////////////////// 
});