title: How can I open a div alternating using jQuery?
body: <p>I have written this code:</p>
  
  <pre><code>$(".tiptext").mouseover(function() {
      $(this).children(".description").show();
  }).mouseout(function() {
      $(this).children(".description").hide();
  });
  </code></pre>
  
  <p>It works fine, at least on a PC. For touchscreen I am looking for a solution, where I only change the js file. I am looking for some code that alternately opens and closes the box. This works well to open the box:</p>
  
  <pre><code>$(".tiptext").on('tap', function () {
  $(this).children(".description").show();
  </code></pre>
  
  <p>But to open and close the box alternately, closing it with the second fingertouch, and open it again with the third fingertouch, and so on, this is not working:</p>
  
  <pre><code>$(".tiptext").on('tap', function () {
      $(this).children(".description").show();
  }).on('tap', function () {
      $(this).children(".description").hide();
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9RxLM/" rel="nofollow">http://jsfiddle.net/9RxLM/</a></p>