간단하지만 까다 롭지 만 표시/숨기기 전환 온/오프 조합으로 나를 괴롭히는 사람

Question

표시/숨길 필요가있는 몇 개의 div와 버튼이 켜져 있거나 꺼져있을 때이를 알아야합니다. 어떻게 든 그들은 숨거나 보이게 될 때를 알기 위해 "다른 사람과 의사 소통"해야합니다. 오, 그래, 나는 모든 요소에 부드러운 fadein/fadeout 효과를 유지하고 싶습니다.

감사합니다. 여기 http://jsfiddle.net/Pe9jn/

내가 주로 작동하는지있어 코드지만, 그것은 기발한 약간의 :

내 바이올린은 여기에 있기 때문에,

//hide maximize link on page load 
$('.maximize_menu').css('display','none'); 


    //settings 
    var opacity = 1, toOpacity = 0, duration = 350; 
    //set opacity ASAP and events 

$('.toggle_all, .toggle_all2').css('opacity',opacity).toggle(function() { 
     $('#content, .maximize_menu, #menu, .minimize_menu').fadeTo(duration,toOpacity); 
    }, function() { 
     $('#content, .maximize_menu, #menu, .minimize_menu').fadeTo(duration,opacity); 
    }           
); 

// this minimizes the menu and should make the mazimize_menu link visible when toggled off 
$('.minimize_menu').css('opacity',opacity).toggle(function() { 
     $('#menu, .minimize_menu,.maximize_menu').fadeTo(duration,toOpacity); 
    }, function() { 
     $('.maximize_menu, #menu, .minimize_menu, .maximize_menu').fadeTo(duration,opacity); 
     $('.maximize_menu').show(duration,toOpacity); 
     $('.maximize_menu').css('display','block'); 
    }              
); 


// this maximizes the menu and should disappear once the menu is visible 
$('.maximize_menu').css('opacity',opacity).toggle(function() { 
     $('#menu, .minimize_menu,').fadeTo(duration,toOpacity); 
    }, function() { 
     $('#menu, .minimize_menu, .maximize_menu').fadeTo(duration,opacity); 

    }             
); 

Answer 1

난 당신이 모든 로직을 재고해야한다고 생각을 실제로 요소를 숨기고있는 것은 아닙니다. 불투명도를 0으로 설정하는 것입니다. 실제로 사용해야하는 것은 fadeOut()과 fadeIn()