Mobile: Active,:hover does not work well to trigger an animated solution

<span id="Label3"></p>Mobile: Active,:hover does not trigger animation very well solution 1: problem environment:<p><p>An animation is defined with css3, using: the hover Pseudo-class does not animate well on the mobile side when the animation is Called.</p></p>2: the Solution:<p><p>Defines an open class that triggers an animation when the Open class is satisfied</p></p><p><p>Use the JS event to control the animation, add the Open class when sliding, and then delay the same time as the animation to remove the Open class</p></p><p><p>So you can control the animation very well.</p></p>3: Attach Demo<pre class="brush:javascript;gutter:true;"><! DOCTYPE html>