I followed the code below to animate the panel bar to slide left/right:
It works well doing a sliding animation left/right. However, I get an issue when trying to do the animation top/bottom. i changed the jSlideDirection to bottom and there was no sliding animation. Am I doing something wrong on my end or is there no animation for top/bottom?
if
(pnlHelpPanel) {
SetUpAnimation(imgHelpPanelTab.id, Telerik.Web.UI.jSlideDirection.Left, pnlHelpPanel);
}
function
SetUpAnimation(image, direction, element) {
element.style.position =
"relative"
;
var
slider = document.getElementById(image);
var
expanded =
false
;
var
expandAnimation =
new
Telerik.Web.UI.AnimationSettings({});
var
collapseAnimation =
new
Telerik.Web.UI.AnimationSettings({});
var
slide =
new
Telerik.Web.UI.jSlide(element, expandAnimation, collapseAnimation,
false
);
slide.initialize();
slide.set_direction(direction);
slider.onclick =
function
() {
element.parentNode.style.visibility =
"visible"
;
element.parentNode.style.display =
"block"
;
if
(!expanded) {
slide.expand();
}
else
{
slide.collapse();
}
expanded = !expanded;
return
false
;
}
// end onlick function definition
}
// end SetUpAnimation
It works well doing a sliding animation left/right. However, I get an issue when trying to do the animation top/bottom. i changed the jSlideDirection to bottom and there was no sliding animation. Am I doing something wrong on my end or is there no animation for top/bottom?