2011-10-07 97 views
0

我有具體的div女巫一個觸發事件工作正常,
這裏是演示 http://jsfiddle.net/b5SVg/9/ 麻煩的是,我有外容器,我需要隱藏加載和顯示/隱藏在切換。當然,我的集裝箱顯示屏首先發射,我需要它切換到切換狀態。我知道你可能認爲我應該把容器放在切換開關內,但是我不能,因爲FX.slide在切換元素的周圍增加了div,這個元素溢出隱藏並且有位置。我的容器必須保持在原來的位置。請指教鏈接事件的切換()

回答

2

閱讀下面的代碼中的註釋;)

var container = $$('.container').setStyle('display','none'); //cache container (useful for the 'future' ;))" 

var mySlide= new Fx.Slide('hidden').hide(); 

$('toggle').addEvent('click', function(event){ 

    event.stop(); 

    container.setStyle('display','block'); //put it before the toggle 

    mySlide.toggle().chain(function(){ //at the end of the sliding, this callback will be called 
     if(!this.open){ //if it's closed 
      container.setStyle('display', 'none'); //hide the container 
     } 
    }); 

}); 

演示:http://jsfiddle.net/amgyw/1/

..btw你也可以使用元素 '滑' 的適當情況下,不宣var mySlide = ... ..像即$('hidden').get('slide').toggle()

+0

完美!謝謝! – Benn

+0

並感謝您的解釋 – Benn

+0

不客氣@Benn ..如果您發現答案(或者,一般來說,您的問題的答案)是正確的,請將其標記爲已接受;) – stecb