jQuery slideTo 머 금고 시작 전환

jQuery를 사용하여 버튼 클릭시 0.3과 1.0 사이의 요소 불투명도를 토글하고 싶습니다.
문제는 0.3의 불투명도로 요소를 시작한 다음 첫 번째 클릭에서 1.0 불투명도로 완전히 보이게 만드는 것입니다. 내가 시도 코드는 다음과 같습니다 : 다시 클릭하면jQuery slideTo 머 금고 시작 전환

$(document).ready(function(){ 

    //Start faded to 0.3 
    $(".fadingElement").fadeTo(0, 0.3); 

    //When the trigger is clicked first, fade the relevant item back up to 1.0 
    $("div.trigger").toggle(
     function(){ 
      $(this).parent().next().fadeTo('fast', 1.0); 
     }, 
     function() { 
      $(this).parent().next().fadeTo('fast', 0.3); 
     } 
    ); 
});

는 "div.trigger"을 클릭하면, 그것은 최대 퇴색하지 않는다, 그것은 더 0.3 페이드! 세 번째 클릭하면 0.3으로 시작합니다.

어떻게 요소를 0.3에서 시작하고 첫 번째 클릭에서 완전히 볼 수 있도록 (1.0) 다시 표시합니까? 여기서 무슨 일이 일어나고있는거야?

는 당신이 실제로 퇴색 할 요소가 <div class="student_notified">입니다

$("div.trigger").toggle(
$(this).parent().next(); 
    $(this).parent().next().animate({opacity:1.0}); 
}, 
function() { 
    $(this).parent().next().animate({opacity:0.3}); 
    }); 
} 
);

출처

2011-08-02 Mikey

(Chrome에서 테스트 됨) http://jsfiddle.net/FVjnX/ –

@James Allardice와 마찬가지로 내가 만든 테스트에서도 작동합니다. – jackJoe

Ahhh jsfiddle 테스트도 저에게 효과적이었습니다! 하지만 내 코드는 그렇지 않습니다. 지구상의 .. – Mikey

(당신의 바이올린의 코드를 기반으로) 문제가되는 :

출처

2011-08-02 09:22:46

그게 효과가있었습니다. 고마워 제임스, 너 똑똑해! – Mikey

당신은 단순히 행동을

예를 달성하기 위해 .css('opacity',value)와 .animate()을 사용할 수 있습니다 하지만 귀하의 코드는 div 그 자체가 아니라 div의 부모를 희미하게합니다.

당신은 부모 내에서 올바른 요소를 선택합니다 find 방법을 사용할 수 있습니다 :

$(this).parent().next().find(".student_notified").fadeTo('fast', 0.3);

가 여기 updated fiddle입니다.

출처

2011-08-02 08:41:57 Semyazas

나는 실제로 똑같은 결과로 그것을 시도했다 ... 흠, 정말로 이것의 바닥에 가고 싶다. – Mikey

어떤 브라우저를 사용하고 있습니까? – Semyazas

Firefox, Safari와 동일한 결과 – Mikey

jQuery slideTo 머 금고 시작 전환

답변

관련 문제