Forum | Appery.io

No actually now the collapsibles is corrupted from the start, but where did you giet the first kode from you want me to delete:
$('#List_Customers_mobilecontainer [name="collapsibleblock"]').die().live({.........

I don't think it is from our app.

Below code from your application. This is the steps how to find it:

1 open application on .../List_Customers.html page.

2 open debug tool and search through the js by "slideDown(300);".

3 you will find two places.

One of them is:
pre
code

     $('#List_Customers').bind({ 
         pageshow: function() { 
             $('#List_Customers_mobilecontainer [name="collapsibleblock"]').die().live({ 

                 expand: function() { 

                     var contentDiv = $('.ui-collapsible-content', this); 

                     contentDiv.hide(); 

                     contentDiv.slideDown(300); 

                 }, 

                 collapse: function() { 

                     var contentDiv = $('.ui-collapsible-content', this); 

                     contentDiv.slideUp(300); 

                 }, 

             }) 
         }, 
     }); 

/code
/pre
It means that you have bind this JS code to "pageshow" event on "List_Customers" page.

Please delete this code and try suggested solution from upper reply. If it will not help please attach screenshot with errors.

I have ben experimenting so tis code is properly from the published HTML app on appery.io domain.

I have now done what you asked me to and you can see the result here: http://screencast.com/t/KdqO5bIQPXGR

Hi Jesper,

Ok. You have added requested code.

But this one:
pre
$('#List_Customers').bind({
pageshow: function() {
$('#List_Customers_mobilecontainer [name="collapsibleblock"]').die().live({

                 expand: function() { 

                     var contentDiv = $('.ui-collapsible-content', this); 

                     contentDiv.hide(); 

                     contentDiv.slideDown(300); 

                 }, 

                 collapse: function() { 

                     var contentDiv = $('.ui-collapsible-content', this); 

                     contentDiv.slideUp(300); 

                 }, 

             }) 
         }, 
     }); 

/pre
Is still on your "List_Customers.html" page.

You have to delete this code.

Please share your app with us.

I have now deleted the code on pageshow, but the result is still the same ad showed in the video:http://screencast.com/t/KdqO5bIQPXGR

You have js file: CollapsibleAnimate.js

This file in you video has code:
pre
$(document).on({

         expand: function() { 

             var contentDiv = $('.ui-collapsible-content', this); 

             contentDiv.hide(); 

             contentDiv.slideDown(300); 

         }, 

         collapse: function() { 

             var contentDiv = $('.ui-collapsible-content', this); 

             contentDiv.slideUp(300); 

         }, 

     }); 

/pre
But currently you have commented this section of code with //

Please uncomment this code by removing // and it should work.

No this code was not commented when the video was taken, but to work with the app I had to disable this script. I Think we should close this thread since it is not bringing me closer to a solution.

Hello!

1) This code works for us pre$(document).on({
'expand': function(event) {
$(this).children('.ui-collapsible-content').hide().slideDown(300);
},

  'collapse': function(event) {  
     $(this).children('.ui-collapsible-content').slideUp(300);  
     } 
 }, '[data-role="collapsible"]' 

);/pre
2) To completely expand collapsible items (not like on video), make collapsibleblock in builder collapsed by default.
3) In SelectMenu JS asset you have mistake. There should be prearr = [];/pre instead prearr = ();/pre

Thank you very much - that solved the issue.