Hello,
\n
I added a panel that slides out smoothly to show the course transcript. The panel is activated when the user clicks a button on the page.
\n
I've put the panel on a separate slide layer. On some slides I need a scrolling text box for longer transcript text.
\n
When the user clicks the close button, I can do one of two things:
\n
1. Abruptly hide the entire layer, which isn't smooth.
\n
2. Have the panel slide back in the some direction it slid onto the page
\n
I would prefer to use option 2. The problem is that I cannot apply an exit animation to the scrolling panel, or a trigger to hide only the scrolling panel, while everything else slides back.
\n
Does anyone have a script or know of some other way I can apply an exit animation to the scrolling panel, or a trigger to hide only it while everything else slides back smoothly?
\n
Thank you.
","kudosSumWeight":0,"postTime":"2016-08-08T08:40:52.000-07:00","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:storyline 360","text":"storyline 360","time":"2014-10-09T03:01:38.000-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:665639_1"},"latestVersion":null,"metrics":{"__typename":"MessageMetrics","views":18},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"isEscalated":null,"placeholder":false,"originalMessageForPlaceholder":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}},"archivalData":null,"customFields":[],"body":"Hello,
\n
I added a panel that slides out smoothly to show the course transcript. The panel is activated when the user clicks a button on the page.
\n
I've put the panel on a separate slide layer. On some slides I need a scrolling text box for longer transcript text.
\n
When the user clicks the close button, I can do one of two things:
\n
1. Abruptly hide the entire layer, which isn't smooth.
\n
2. Have the panel slide back in the some direction it slid onto the page
\n
I would prefer to use option 2. The problem is that I cannot apply an exit animation to the scrolling panel, or a trigger to hide only the scrolling panel, while everything else slides back.
\n
Does anyone have a script or know of some other way I can apply an exit animation to the scrolling panel, or a trigger to hide only it while everything else slides back smoothly?
\n
Thank you.
"},"Conversation:conversation:665639":{"__typename":"Conversation","id":"conversation:665639","solved":false,"topic":{"__ref":"ForumTopicMessage:message:665639"},"lastPostingActivityTime":"2022-03-21T21:19:42.000-07:00","lastPostTime":"2022-03-21T21:19:42.000-07:00","unreadReplyCount":9,"isSubscribed":false},"ModerationData:moderation_data:665639":{"__typename":"ModerationData","id":"moderation_data:665639","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"Revision:revision:665639_1":{"__typename":"Revision","id":"revision:665639_1","lastEditTime":"2016-08-08T08:40:52.000-07:00"},"ForumReplyMessage:message:665647":{"__typename":"ForumReplyMessage","id":"message:665647","conversation":{"__ref":"Conversation:conversation:665639"},"author":{"__ref":"User:user:13635"},"revisionNum":1,"uid":665647,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:discuss"},"subject":"Re: Adding a Trigger to Hide a Scrolliing panel","readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:665647"},"parent":{"__ref":"ForumTopicMessage:message:665639"},"body":"