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

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.