title: Custom animation for collapsible set not working in jQuerymobile 1.4.0
body: <p>I have the following collapsible set in my jQuery mobile 1.4.0  App, I  need to add an animation to this collapsible set when its expanded and closed , I have tried this code and its working ok  in jsfiddle ,this is  my  <a href="http://jsfiddle.net/8HZZd/1/" rel="nofollow">jsfiddle</a> ,but The problem is that the animation didn't work on my app with  jquery mobile 1.4.0 . How can i make this animation works on jQuery mobile 1.4.0? please help me ..</p>
  
  <p>the javascript code for animation </p>
  
  <pre><code>&lt;script&gt;
  $('document').on('pageinit',function(){    
  
        animateCollapsibleSet($("[data-role='collapsible-set'] &gt; [data-role='collapsible']"));
  
   });
  
   // animation speed;
   var animationSpeed = 200;
  
   function animateCollapsibleSet(elm) 
   {
  
        // can attach events only one time, otherwise we create infinity loop;
           elm.one("expand", function() {
  
       // hide the other collapsibles first;
           $(this).parent().find(".ui-collapsible-content").not(".ui-collapsible-content- collapsed").trigger("collapse");
  
      // animate show on collapsible;
           $(this).find(".ui-collapsible-content").slideDown(animationSpeed, function() {
  
      // trigger original event and attach the animation again;
          animateCollapsibleSet($(this).parent().trigger("expand"));
     });
  
   // we do our own call to the original event;
     return false;
     }).one("collapse", function() 
      {
  
          // animate hide on collapsible;
          $(this).find(".ui-collapsible-content").slideUp(animationSpeed, function() {
  
              // trigger original event;
              $(this).parent().trigger("collapse");
          });
  
          // we do our own call to the original event;
          return false;
      });
     }
  
  
  
  &lt;/script&gt;
  </code></pre>