title: jQuery mobile (click event)
body: <p>I'm developing smartphone hybrid applications.</p>
  
  <p>I'm trying to hide/show a <code>&lt;div&gt;</code> with <code>slideDown</code>/<code>slideUp</code>.</p>
  
  <p>When I click on the button, the menu <code>&lt;div&gt;</code> is supposed to hide/show depend of the context. Everything is working well on my computer but it just doesn't work at all on my mobile, nothing happens.</p>
  
  <p>Here is my HTML code</p>
  
  <pre><code>&lt;a class="btnMenuDyn" data-role="button"&gt;Masquer le menu&lt;/a&gt;
  </code></pre>
  
  <p>and here my jQuery mobile code:</p>
  
  <pre><code>$(document).bind('pageinit', function(e){
  
  
  // définition des variables
  var btnMenuDyn = $('a.btnMenuDyn'),
      menuDyn = $('div.menuDyn');
  
  $(btnMenuDyn).bind('click', function(){
  
  
      // condition pour afficher ou non le menu
      if ($(menuDyn).hasClass("menuDynHide"))
      {
          $(menuDyn).slideDown().removeClass("menuDynHide");
      }
      else{
          $(menuDyn).slideUp().addClass("menuDynHide");
      }
  
  });
  });
  </code></pre>