[Solved] App Performance Issues

[kory]

I have created a front end for an app my company is producing. I am early into the process so no data has been bound to any controls, however performance for simple things like scrolling and my simple jquery accordion menu are noticeably "laggy". When testing in the simulator I am getting smooth performance, but when testing on my galaxy s2 note I am getting what appears to be a low frame rate as well as a distinct delay on button press. Is there something I am doing wrong,  Or is this just how most apps run when being tested on a device (tested also with the airline app and it also seems to have "laggy" performance in device preview mode)? Perhaps the lag is fixed upon publishing the app? Does anybody have any input/experiences in this issue?

Here is my jquery for the accordion menu: <script>
           /*Activates and Configures Kendo Mobile App */
           var app = new kendo.mobile.Application(document.body, { transition: "slide", layout: "mobile-tabstrip" });
           
           $(document).ready(function () {
               /*Toggles Accordian Slide*/
               $('#nav > li > a').mousedown(function(){
                   $(this).next().slideToggle();
               });
               
               /*Toggles Nav Image*/
               $('#nav li div').mousedown( function() {
                  $(this).toggleClass('active');
               });
            });   
       </script>

[kory]

So it looks like my radial gradient backgrounds (not mentioned in my original post because I didn't think they would cause an issue) were causing a significant lag, app preforms way better if I style my main background with a linear gradient in stead of the radial gradient I had. Who'd of thought...