JQuery slideToggle issue

[tbertram]

Hi

I have a div layer in my widget that I want to show with slideToggle.
It works fine in Aptana, but when I try it on a N97 the slide almost does not happen.
It almost like show and hide. Is jquery to heavy for a N97 using slide transitions ?
Am I doing something wrong ?
My code looks like this:
function showDetails(step){
$("#contentHolderBigDetail").slideRightShow();
}

function hideDetails(step){
$("#contentHolderBigDetail").slideRightHide();
}

HTML:
<div id="contentBig">
<div id="topBig">
<div id="logoBig"></div>
<div id="menuBig">
<div id="btn0" class="btn0NotSelected" onClick="javascript:movies();"></div>
<div id="btn1" class="btn1NotSelected" onClick="javascript:loadRss(1);"></div>
</div>
</div>
<div id="dropDownLayer"></div>
<div id="contentHolderBig">
</div>
<div id="contentHolderBigDetail">
</div>
</div>

[jappit]

Hi tbertram,

performances are surely different on a mobile device, when compared to the desktop emulator, and are usually affected by the DOM structure complexity, by the content of the specific elements (e.g.: long texts, big images), and by other different factors (e.g.: background operations, like network calls, etc..).

If this is your case, you could try by optimizing your HTML structure and contents, or by looking for effects that perform better. Also, you could try slowening the slide effect, to see if it behaves better.

Hope it helps,
Pit

[tbertram]

Hi Jappit

Well the content of the div I try to slide is a small image 120 px high and 92 px wide. And a header and 1 line of text.
It's put in the div with jquery's function .html(), and then I try to slide the layer with a speed of 1000 ms.
At the moment I'm sliding, nothing is happening in the background.
Do you have another way of sliding that might work ? Or should I avoid sliding all together ?

/Thomas

[awysocki]

Hi Jappit

Well the content of the div I try to slide is a small image 120 px high and 92 px wide. And a header and 1 line of text.
It's put in the div with jquery's function .html(), and then I try to slide the layer with a speed of 1000 ms.
At the moment I'm sliding, nothing is happening in the background.
Do you have another way of sliding that might work ? Or should I avoid sliding all together ?

/Thomas

Something I found using jQuery, its doesn't like bi capitalization It either has to be all upper case or all lower case.

So <div id="MyDiv"> I can't get it to be found, but if I change the name of the id to mydiv or MYDIV it seems to work. I doubt it will fix your problem, but it did on a couple of cases with me.