How do I stop the animation at a certain point after it has played part of it on a click?

Question

I seem to be missing some key html knowledge on this! I have a drop down menu and when I click on the text on the navigation bar, I want an animation to occur (the menu to drop down) and then I want it to stop.
Here is the relevant code:
      Symbol.bindElementAction(compId, symbolName, "${_FishingTrigger}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.theriveroverlook.com/Packages/Fishing", "_self");
         // insert code for mouse click here
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_CookingTrigger}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.theriveroverlook.com/Packages/Cooking", "_self");
         // insert code for mouse click here
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_PhotographersTrigger}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.theriveroverlook.com/Packages/Photographer", "_self");
         // insert code for mouse click here
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_GolfTrigger}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.theriveroverlook.com/Packages/Golf", "_self");
         // insert code for mouse click here
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "${_RomanceTrigger}", "click", function(sym, e) {
         // Navigate to a new URL in the current window
         // (replace "_self" with appropriate target attribute for a new window)
         window.open("http://www.theriveroverlook.com/Packages/Romance", "_self");
         // insert code for mouse click here
      //Edge binding end
Symbol.bindElementAction(compId, symbolName, "${_Packages}", "click", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("drop2");
NOTE: If I put a sym.stop ("stop3); here after the play, it stops the animation before it even starts.

Answer 1

My assumption is you are laying down this animation in main timeline (stage). It starts in frame "label=drop2" and it continues until frame "stop3". Maybe this one helps:
- scroll to the last frame of the animation. "stop3" i assume.
- Create a "Trigger Action" (the code window)
- Call the sym.stop() to stop the animation at this frame.