jQuery .slideDown(); crashing Android Browser

Question

I've got a problem that has me stumped. I'm building a fairly simple mobile site and want to use jQuery to make a menu for all the pages. I have a simple UList that is holding the menu elements. It's hidden via CSS when I load the page

item { display:none }

I want to use the following to display it when a "link" is clicked:

    $("header div.menu-box a").click(function(event){
    event.preventDefault();

    if($("#header_wrapper .menu-box .menu-text").text() == 'Menu') {
        $("#header_wrapper .menu-box .menu-text").text("Close");
        $("#popmenu").slideDown(500);
    }
    else {
        $("#header_wrapper .menu-box .menu-text").html("Menu");
        $("#popmenu").slideUp(500);
    }
    return false;
});

It works fine in Firefox & Safari with an iPhone browser agent, as well as on an iPhone. However on my new Android Razr it crashes the browser. Any ideas would be VERY welcome.

Thanks.

Have you tried using CSS transitions? http://css3.bradshawenterprises.com/ — sissonb, Jan 04 '12 at 20:52
Looking into the transitions thing now but want it to be simple to maintain across all browsers. — John Swaringen, Jan 04 '12 at 21:20
Interesting... it doesn't crash with a 0 but it does with any other number. — John Swaringen, Jan 05 '12 at 15:15

score 3 · Accepted Answer · answered Nov 21 '12 at 11:06

3

jQuery effects (slideUp, etc) will crash Android browsers because of this jQuery bug which has been fixed in jQuery 1.8.3 (1.8.2 still crashes Android).

answered Nov 21 '12 at 11:06

eddo

2,094
1
25
31

score 0 · Answer 2 · answered Jan 04 '12 at 20:47

0

It sounds as though this is an issue with Android's browser, not your code. In theory, on a secure browser, no unprivileged JavaScript code should be able to cause the entire browser to "crash".

answered Jan 04 '12 at 20:47

bbosak

5,353
7
42
60

score 0 · Answer 3 · answered Jan 04 '12 at 20:52

0

maybe console.log() doesn't exist?

answered Jan 04 '12 at 20:52

Gras Double

15,901
8
56
54

I removed it and it still is giving me the crash. – John Swaringen Jan 04 '12 at 21:19

jQuery .slideDown(); crashing Android Browser

3 Answers3