2

表示/非表示にする必要があるいくつかの div があり、その中のボタンはいつオンでいつオフになるかを知る必要があります。どういうわけか、彼らはいつ隠れたり見えたりするかを知るために「他の人と通信する」必要があります. そうそう、すべての要素でスムーズなフェードイン/フェードアウト効果を維持したいと思います。

ありがとう！！

私のフィドルはここにあります： 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);

    }                                                   
  );
4

1 に答える 1

1

実際に要素を隠しているのではなく、不透明度を 0 に設定しているだけなので、すべてのロジックを再考する必要があると思います。実際に使用する必要があるのはfadeOut()、fadeIn()

于 2012-04-20T08:42:24.370 に答える