0
我有具體的div女巫一個觸發事件工作正常,
這裏是演示 http://jsfiddle.net/b5SVg/9/ 麻煩的是,我有外容器,我需要隱藏加載和顯示/隱藏在切換。當然,我的集裝箱顯示屏首先發射,我需要它切換到切換狀態。我知道你可能認爲我應該把容器放在切換開關內,但是我不能,因爲FX.slide在切換元素的周圍增加了div,這個元素溢出隱藏並且有位置。我的容器必須保持在原來的位置。請指教鏈接事件的切換()
我有具體的div女巫一個觸發事件工作正常,
這裏是演示 http://jsfiddle.net/b5SVg/9/ 麻煩的是,我有外容器,我需要隱藏加載和顯示/隱藏在切換。當然,我的集裝箱顯示屏首先發射,我需要它切換到切換狀態。我知道你可能認爲我應該把容器放在切換開關內,但是我不能,因爲FX.slide在切換元素的周圍增加了div,這個元素溢出隱藏並且有位置。我的容器必須保持在原來的位置。請指教鏈接事件的切換()
閱讀下面的代碼中的註釋;)
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()
完美!謝謝! – Benn
並感謝您的解釋 – Benn
不客氣@Benn ..如果您發現答案(或者,一般來說,您的問題的答案)是正確的,請將其標記爲已接受;) – stecb