Dojo滑動面板的任何鏈接？

Question

任何人都可以幫我找到Dojo滑動面板的鏈接嗎？我一直在尋找它，但仍然沒有得到它。我已經滑動面板jQuery的，我是從這個鏈接：http://web-kreation.com/all/implement-a-nice-clean-jquery-sliding-panel-in-wordpress-27/

Answer 1

你可以利用的dojo.fx.wipeIn功能。 http://dojotoolkit.org/reference-guide/1.7/dojo/fx/wipeIn.html

因此，如果您創建兩個div，一個在另一個之上，則使用display：none和另一個作爲您單擊以向下滑動面板的位。然後使用dojo.connect將底部面板的點擊鏈接到頂部面板的擦除。

例如

// Have your main body content 
var mainBody; 

// Create top panel 
var myPanel = document.createElement("div"); 

// Set visibility to none 
dojo.style(myPanel, "display", "none"); 

// Create tab to expand your panel (or slide it down) 
var expand = document.createElement("div"); 
expand.innerHTML = "click here to slide down"; 

mainBody.appendChild(myPanel);  
mainBody.appendChild(expand); 

var self = this; 

dojo.connect(expand, "onclick", this, slidePanel); 

然後，你有你的slidePanel功能做這樣的事情：

// Get reference to your panel 
var myPanel; 

var wipeArgs = { 
    node: myPanel 
}; 

// Then just wipe the panel in or out respectively 
if (myPanel.style.display == "none") { 
    dojo.fx.wipeIn(wipeArgs).play(); 
} else { 
    dojo.fx.wipeOut(wipeArgs).play(); 
}