http://www.dynamicdrive.com/dynamici...edcollapse.htm


Are there any known issues using animatedcollapse with dotnetnuke? I have not been able to get it to work. The page works as a straight htm page but not when converted to a dnn skin file. I initially had an older version of animatedcollapse that used @rel^= in the init function but it caused an unhandled exception in jquery-1.3.2.min.js in DNN 5.4 (it did not like the @). I downloaded the latest version which solved the exception error but the animations do not work. I put this at the top of my skin file to register the setup code:

Code:
<script runat="server">
    Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
        'add a script reference for Javascript to the head section
        Dim oCSS As Control = Me.Page.FindControl("CSS")
        Dim oLink As New HtmlGenericControl("script")
        oLink.Attributes("language") = "javascript"
        oLink.Attributes("type") = "text/javascript"        
        oLink.Attributes("src") = SkinPath & "js/animatedcollapse.js"
        oCSS.Controls.AddAt(0, oLink)
    End Sub
</script>

<script type="text/javascript">

document.body.onLoad=myFunction();

function myFunction()
{
    animatedcollapse.addDiv('explore', 'fade=0,speed=400,hide=1,height=360px')
    animatedcollapse.addDiv('engage', 'fade=0,speed=400,hide=1,height=360px')
    animatedcollapse.addDiv('grow', 'fade=0,speed=400,hide=1,height=360px')
    animatedcollapse.addDiv('lead', 'fade=0,speed=400,hide=1,height=360px')
    animatedcollapse.init()


}
</script>