Accessing DOM Elements

JavaScript performance comparison

Revision 5 of this test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>



       
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" dir="ltr" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" dir="ltr" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" dir="ltr" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" dir="ltr" lang="en-US"> <!--<![endif]-->
 
<head>
                        <meta charset="UTF-8" />
                <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"><!-- HTML4 to try and help debug Salesforce sync problems -->
                <meta property="og:title" content="Home" />
                <meta name="google-site-verification" content="PzQXOcxnfJO3X0ado6i0MY5g3zxp15KFf4PM-khSBBE" />
                                        <meta property="og:type" content="website" />
                        <meta property="og:image" content="http://cdn.zendesk.com/images/zendesk-logo.png" />
                            <meta property="og:description" content="This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many pages like this one or sub-pages as you like and manage all of your content inside of WordPress." />
            <meta property="og:url" content="http://www.zendesk.com/" />
           
               
                <title>Help Desk Software | Support Ticket System | Zendesk.com</title>
               
                <link rel="stylesheet" type="text/css" media="all" href="http://www.zendesk.com/wp-content/themes/zendesk-twentyeleven/css/screen.css" />
                <link rel="profile" href="http://gmpg.org/xfn/11" />
                <link rel="dns-prefetch" href="//cdn.zendesk.com">
                <link rel="dns-prefetch" href="//ajax.googleapis.com">
                <link rel="pingback" href="http://www.zendesk.com/xmlrpc.php" />
                <link rel="shortcut icon" href="http://www.zendesk.com/wp-content/themes/zendesk-twentyeleven/img/favicon.png" />
                <!--[if lte IE 9]>
                        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
                        <link rel="stylesheet" type="text/css" media="all" href="http://www.zendesk.com/wp-content/themes/zendesk-twentyeleven/css/ie.css" />
                <![endif]-->
               
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.1.2 - http://yoast.com/wordpress/seo/ -->
<meta name="description" content="Help Desk Software and Support Ticket Software by Zendesk. Web-based customer support software used by thousands of companies worldwide. Free 30 day trial!"/>
<link rel="canonical" href="http://www.zendesk.com/" />
<!-- / Yoast WordPress SEO plugin. -->
 
<link rel="alternate" type="application/rss+xml" title="Zendesk &raquo; Feed" href="http://www.zendesk.com/feed" />
<link rel="alternate" type="application/rss+xml" title="Zendesk &raquo; Comments Feed" href="http://www.zendesk.com/comments/feed" />
<link rel="alternate" type="application/rss+xml" title="Zendesk &raquo; Home Comments Feed" href="http://www.zendesk.com/home/feed" />
<script type='text/javascript' src='http://www.zendesk.com/wp-includes/js/comment-reply.js?ver=20090102'></script>
<meta id="syntaxhighlighteranchor" name="syntaxhighlighter-version" content="3.1.3" />
        </head>
 
<body class="home page page-id-2 page-template page-template-page-home-php singular two-column right-sidebar">
 
<!-- ClickTale Top part -->
        <script type="text/javascript"> 
                var WRInitTime=(new Date()).getTime();
        </script>
<!-- ClickTale end of Top part -->
 
                <header id="branding" role="banner">
                        <nav id="access-global">
                                        <form id="searchform">
        <input type="text" class="field" name="s" id="s" placeholder="Search" />
        <button type="submit" class="submit" name="submit" id="searchsubmit" class="icon" value="" /></button>
</form>
<div id="message" style="width: 100%;">Loading</div>
<link rel="stylesheet" href="//www.google.com/cse/style/look/default.css" type="text/css" />
                                        <span class="hr"></span>
                                        <a id="login-link" href="http://www.zendesk.com/support/login">LOGIN</a>
                                                <span class="hr"></span>
                                                                                <ul id="int">
                                                <li><a href="http://es.zendesk.com" class="es"></a></li>
                                                <li><a href="http://pt.zendesk.com" class="pt"></a></li>
                                                <li><a href="http://fr.zendesk.com" class="fr"></a></li>
                                                <li><a href="http://de.zendesk.com" class="de"></a></li>
                                                <li><a href="http://ja.zendesk.com" class="ja"></a></li>
                                        </ul>
                        </nav>
               
                        <hgroup>
                                                                <h1 id="site-title"></h1>
                                                               
                        </hgroup>
                </header><!-- #branding -->
       
                <div id="nav-bar">
                        <div id="nav-bar-anchor"></div>
                        <div id="nav-bar-content">
                                <div class="wrapper">
                                        <nav id="access-primary">
                                                <a href="/" class="lotus"></a>
                                                <span class="menu-shim" id="shim1"></span>
                                                <div class="menu-main-container"><ul id="menu-main" class="menu"><li id="menu-item-19675" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19675 menu-item-pricing"><a href="http://www.zendesk.com/product/pricing">Pricing</a></li>
<li id="menu-item-19762" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19762 menu-item-key-features"><a href="http://www.zendesk.com/product/key-features">Key Features</a></li>
<li id="menu-item-19763" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19763 menu-item-why-zendesk"><a href="http://www.zendesk.com/why-zendesk">Why Zendesk</a></li>
<li id="menu-item-19678" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19678 menu-item-support-4"><a href="http://support.zendesk.com">Support</a></li>
<li id="menu-item-19764" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19764 menu-item-blog"><a href="http://www.zendesk.com/blog">Blog</a></li>
</ul></div>
                                                <span class="menu-shim" id="shim2"></span>
                                                <div id="tel-contact">
                                                        <div id="phone-number">
                                                                <span class="icon"></span>
                                                                <span class="tel">888-670-4887</span>
                                                        </div>
                                                        <div id="try-button-sm" class="buttonAnim" style="">
                                                                <a class="buy-button sticky" style="top:0;" data-plan="trial"></a>
                                                        </div>
                                                </div>
                                        </nav>
                                </div>
                        </div>
                </div>
                <div id="main" >               
        <div id="splash" class="flexslider">
                <div id="cta-home">
                        <div id="slide-controls"></div>
                </div>
                <div id="splash-slides">
                        <div class="wrap uno" id="first">
                                <h2>The fastest way to great customer support<span>Powerful yet simple multi-channel customer service software</span></h2>
                                <a class="buy-button button try-zendesk" data-plan="trial"></a>
                        </div>
                        <div class="wrap">
                                <h2 style="top: 80px;">S*** Support Agents Say<span>A Zendesk After Hours project.</span></h2>
                                <div id="youtube"></div>
                                <a class="button tour" id="play" onclick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Carousel 2','S*** Support Agents Say']);"></a> 
                        </div>
                        <div class="wrap">
                                <h2 class="fit2">Zendesk on the go with Windows Phone<span>Complete agent workflow in the palm of your hand.</span></h2>
                                <a href="/product/mobile#windows-phone" class="button learn" onclick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Carousel 3','Windows Phone']);"></a>       
                        </div>
                </div>
        </div>
       
        <div id="promotions">  
               
                <article id="post-1" class="post opacity top">
                        <header class="entry-header">
                                <div class="entry-meta greentab">
                                        <span>EVENTS</span>
                                </div><!-- .entry-meta -->
                        </header>
                        <a href="/company/events" class="thumb uno"></a>
                        <div class="entry-content">
                                <h3 class="entry-title"><a href="/company/events">On Tour: Zappos, Groupon & Zendesk</a></h3>
                                <div class="entry-summary">
                                        <p>Join us in <a href="http://customer-service-hero-tour-los-angeles.eventbrite.com/ ">LA</a>, <a href="http://customer-service-hero-tour-seattle.eventbrite.com/">Seattle</a> and <a href="http://customer-service-hero-tour-san-francisco.eventbrite.com/">San Francisco</a> for a day of learning and networking. Seats are limited, sign up today. </p>
                                        <a class="read-more" href="/company/events" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Story 1', 'Customer Hero Tour']);">Check out more events</a>
                                </div><!-- .entry-summary -->
                                <footer class="entry-meta"><!-- tags maybe? --></footer><!-- .entry-meta -->   
                        </div>
                </article><!-- #post-2 -->     
 
                <article id="post-1" class="post opacity middle">
                        <header class="entry-header">
                                <div class="entry-meta greentab">
                                        <span>PRODUCT</span>
                                </div><!-- .entry-meta -->
                        </header>
                        <a href="/donate" class="thumb dos"></a>
                        <div class="entry-content">
                                <h3 class="entry-title"><a href="/donate" >Better than free!</a></h3>
                                <div class="entry-summary">
                                        <p>Get 1 year on Starter for $20 and we'll donate your purchase to UCSF Benioff Children’s Hospital!</p>
                                        <a class="read-more" href="/donate">Donate today</a>
                                </div><!-- .entry-summary -->
                                <footer class="entry-meta"><!-- tags maybe? --></footer><!-- .entry-meta -->   
                        </div>
                </article><!-- #post-2 -->     
                               
                <article id="post-2" class="post opacity bottom">
                        <header class="entry-header">
                                <div class="entry-meta greentab">
                                        <span>WEBINARS</span>
                                </div><!-- .entry-meta -->
                        </header>
                        <a href="http://www.zendesk.com/support/webinar/cult-of-the-customer" class="thumb tres"></a>
                        <div class="entry-content">
                                <h3 class="entry-title"><a href="http://www.zendesk.com/support/webinar/cult-of-the-customer">NEW Zen Masters Webinar: Cult of the Customer</a></h3>
                                <div class="entry-summary">
                                        <p>Join us on March 13th as we share strategies for turning loyal customers into customer evangelists!</p>
                                        <a class="read-more" href="http://www.zendesk.com/support/webinar/cult-of-the-customer">Register Today</a>
                                </div><!-- .entry-summary -->
                                <footer class="entry-meta"><!-- tags maybe? --></footer><!-- .entry-meta -->   
                        </div>
                </article><!-- #post-2 -->     
 
        </div>
        <div id="right-column" class="alignright">
                <div id="customers">
                        <a href="http://www.zendesk.com/why-zendesk/customers" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Customers Box'])">
                        </a>
                </div>
                <div id="zendesk-go-wrap">
                        <div id="zendesk-go-dark"></div>
                        <div id="zendesk-go">
                                <ul class="carousel">
                                        <li class="blackberry"><a href="http://www.zendesk.com/product/mobile#blackberry" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - BlackBerry'])">BlackBerry</a></li>
                                        <li class="android"><a href="http://www.zendesk.com/product/mobile#android" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - Android'])"></a>Android</li>
                                        <li class="ipad"><a href="http://www.zendesk.com/product/mobile#ipad" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - iPad'])">iPad</a></li>
                                        <li class="windows-phone"><a href="http://www.zendesk.com/product/mobile#windows-phone" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - Windows 7'])">Windows 7</a></li>
                                        <li class="iphone"><a href="http://www.zendesk.com/product/mobile#iphone" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - iPhone'])">iPhone</a></li>
                                </ul>
                                <ul class="menu">
                                        <li class="blackberry"><a href="http://www.zendesk.com/product/mobile#blackberry" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - BlackBerry'])">BlackBerry</a></li>
                                        <li class="android"><a href="http://www.zendesk.com/product/mobile#android" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - Android'])"></a>Android</li>
                                        <li class="ipad"><a href="http://www.zendesk.com/product/mobile#ipad" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - iPad'])">iPad</a></li>
                                        <li class="windows-phone"><a href="http://www.zendesk.com/product/mobile#windows-phone" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - Windows 7'])">Windows 7</a></li>
                                        <li class="iphone"><a href="http://www.zendesk.com/product/mobile#iphone" onClick="_gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile - iPhone'])">iPhone</a></li>
                                </ul>  
                        </div>
                </div>
        </div><!-- //right-column -->
                </div><!-- #main -->
                <div class="clearfix"></div>   
                <!-- signup form -->
<div id="trial-top"></div>
<div id="trial" class="trial">
        <div class="bait" id="bait">
                <h3>Sign up for a free trial</h3>
                <ul>
                        <li>
                                <input type="text" value="Full name" name="name" class="error">
                        </li>
                        <li>
                                <input type="text" value="Email" name="email" class="error">
                        </li>
                        <li>
                                <img src="http://www.zendesk.com/wp-content/themes/zendesk-twentyeleven/img/create-my-zendesk-click.png"/>
                        </li>
                </ul>
        </div>
        <div class="wrap">
                <div class="plan">
                        <div class="type trial">
                                <h4>SIGNUP FOR A FREE TRIAL</h4>
                        </div>
                        <div class="type starter">
                                <h4>STARTER</h4>
                                <div class="price">
                                        <span class="point">$20</span>
                                        <span class="cycle">Per year</span>
                                </div>
                        </div>
                        <div class="type regular">
                                <h4>REGULAR</h4>
                                <div class="price">
                                        <span class="point">$24</span>
                                        <span class="cycle">Per agent/month</span>
                                </div>
                        </div>
                        <div class="type plus">
                                <h4>PLUS+</h4>
                                <div class="price">
                                        <span class="point">$49</span>
                                        <span class="cycle">Per agent/month</span>
                                </div>
                        </div>
                        <div class="type enterprise">
                                <h4>ENTERPRISE</h4>
                                <div class="price">
                                        <span class="point">$99</span>
                                        <span class="cycle">Per agent/month</span>
                                </div>
                        </div>
                        <p class="try">All trials start on the Plus+ plan where you'll get the best overview of product features.</p>
                        <p class="buy">You're just a few seconds away from starting a transformation to better customer service.</p>
                        <span class="privacy">We do <strong>not</strong> share your information with anyone!</span>
                        <span class="e-trust"></span>
                </div>
                <form id="register">
                        <ul>
                                <li>
                                        <label>name<span>please use a valid name</span></label>
                                        <input type="text" placeholder="Enter full name" id="fullname" name="owner[name]" class="name"/>
                                </li>
                                <li>
                                        <label>email<span>please use a valid email</span></label>
                                        <input type="email" placeholder="Enter email" id="email" name="owner[email]" class="email"/>
                                </li>
                                <li>
                                        <label>phone number<span>please use a valid number</span></label>
                                        <input type="text" placeholder="Enter phone number" name="address[phone]" id="phone" class="phone"/>
                                </li>
                                <li>
                                        <label>company<span>please use a valid company</span></label>
                                        <input type="text" placeholder="Enter company" name="account[name]" id="company_name" class="company"/>
                                </li>
                                <li>
                                        <label>number of employees<span>required</span></label>
                                        <select name="account[help_desk_size]" id="numberofemployees">
                                                <option>Please select number</option>
                                                <option value="1-9">1-9</option>
                                                <option value="10-99">10-99</option>
                                                <option value="100-249">100-249</option>
                                                <option value="250-499">250-499</option>
                                                <option value="500-1999">500-1999</option>
                                                <option value="2000-4999">2000-4999</option>
                                                <option value="5000+">5000+</option>           
                                        </select>
                                </li>
                                <li>
                                        <label class="url">your zendesk url<span>url already taken</span></label>
                                        <input type="text" placeholder="Enter sitename" name="account[subdomain]" id="site_address" class="subdomain"/>
                                        <!--<span>We'll host your help desk at this address.</span>-->
                                </li>
                                <li style="display:none"> <!--hidden fields -->
                                        <input type="hidden" name="sfga" value="00D80000000KSY6" />
                                        <input type="hidden" name="trial_extras[Original_PPC_Campaign__c]" id="trial_extras[Original_PPC_Campaign__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Original_PPC_Keyword__c]" id="trial_extras[Original_PPC_Keyword__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Original_Referrer2__c]" id="trial_extras[Original_Referrer2__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Original_Search_Engine2__c]" id="trial_extras[Original_Search_Engine2__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Original_Search_String__c]" id="trial_extras[Original_Search_String__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Original_Search_Type__c]" id="trial_extras[Original_Search_Type__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Last_PPC_Campaign__c]" id="trial_extras[Last_PPC_Campaign__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Last_PPC_Keyword__c]" id="trial_extras[Last_PPC_Keyword__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Last_Referrer__c]" id="trial_extras[Last_Referrer__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Last_Search_Engine__c]" id="trial_extras[Last_Search_Engine__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Last_Search_String__c]" id="trial_extras[Last_Search_String__c]" value=""/>
                                        <input type="hidden" name="trial_extras[Last_Search_Type__c]" id="trial_extras[Last_Search_Type__c]" value=""/>
                                        <input type="hidden" name="account[source]" id="trial_extras[zd_Referer__c]" value=""/>
                                        <input type="hidden" name="language" value="en"/>
                                </li>
                                <li class="full">
                                        <span class="host">We'll host your help desk at this address</span>
                                </li>
                                <li class="full">
                                        <div id="terms-wrap" class="terms-wrap">
                                                <div class="terms">
                                                        <div class="shake">
                                                                <input type="checkbox" form="create-zendesk" value="I agree to the terms &amp; conditions and privacy policy." name="agree" id="terms"/>
                                                                <p class="subtext" id="tos">I agree to the <a href="http://www.zendesk.com/company/terms">terms &amp; conditions</a> and <a href="http://www.zendesk.com/company/privacy">privacy policy</a>.</p>
                                                        </div>
                                                </div>
                                                <input type="image" src="http://www.zendesk.com/wp-content/themes/zendesk-twentyeleven/img/create-my-zendesk-click.png" id="create-my-zendesk-click" value="&nbsp;">
                                        </div>
                                </li>
                                <li class="full">
                                        <div id="loading" style="display:none;">
                                                <p>Building your Zendesk...please wait. <img src="http://www.zendesk.com/wp-content/themes/zendesk-twentyeleven/img/trial-loader.gif" alt="Button"></p>
                                        </div>
                                </li>
                               
                        </ul>
                        <div class="phantom-wrap">
                                <span id="phantom" class="phantom"></span>
                        </div>
                </form>
        </div>
</div>
<!-- end signup form -->               
                <div id="footer-global" role="contentinfo" style="">
                        <nav>                          
                                <section id="col1">
                                        <header><h1>Our Product</h1></header>
                                        <ul>
                                                <li><a href="/product/key-features">Features</a></li>
                                                <li><a href="/product/compare">Compare Plans</a></li>
                                                <li><a href="/product/pricing">Pricing</a></li>
                                                <li><a href="/product/enterprise">Enterprise</a></li>
                                                <li><a href="/product/features/startups-exclusive-offer">Start-ups</a></li>
                                        </ul>
                                </section>
               
                                <section id="col2">
                                        <header><h1>Why Zendesk</h1></header>
                                        <ul>
                                                <li><a href="/why-zendesk">The Zen Difference</a></li>
                                                <li><a href="/why-zendesk/customers">Customer Stories</a></li>
                                                <li><a href="/why-zendesk/integrations">Integrations</a></li>
                                                <li><a href="/why-zendesk/whitepapers">White Papers</a></li>
                                        </ul>
                                </section>
               
                                <section id="col3">
                                <header><h1>Support</h1></header>
                                <ul>
                                        <li><a href="http://support.zendesk.com">Support</a></li>
                                                <li><a href="/support/contact">Contact Us</a></li>
                                                <li><a href="/support/documentation">Documentation</a></li>
                                                <li><a href="/support/api">API</a></li>
                                                <li><a href="http://university.zendesk.com">Training</a></li>
                                                <li><a href="/support/webinars">Webinars</a></li>
                                                <li><a href="/support/partners">Partners</a></li>
                                                <li><a href="/support/system-status">Uptime</a></li>                                           
                                        </ul>                          
                                </section>
               
                                <section id="col4">
                                        <header><h1>The Company</h1></header>
                                        <ul>
                                                <li><a href="/company">History</a></li>
                                                <li><a href="/company/management-team">Management Team</a></li>
                                                <li><a href="/company/careers">Careers</a></li>
                                                <li><a href="/company/events">Events</a></li>
                                                <li><a href="/company/press">Press</a></li>
                                                <li><a href="/blog">Blog</a></li>
                                        </ul>
                                </section>
                               
                                <section id="access-signup">
                                                                                                                                                                        <header><h1>Click and Connect</h1></header>
                                                                                <p>
                                                <span class="alignleft">Whom goeth hither? Name thyself friend and be welcome. </span>
                                                <a class="alignright facebook" href="http://www.facebook.com/zendesk"></a>
                                                <a class="alignright twitter" href="http://www.twitter.com/zendesk"></a>
                                        </p>
                                </section>
                               
                        </nav><!-- #access-footer -->
                        <nav id="access-footer-colophon" class="vcard">
                                <span class="alignleft buddhy"></span> 
                                <span class="alignleft logo"></span> |
                                <a href="/company/privacy">Privacy Policy</a> |
                                <a href="/company/terms">Terms &amp; Conditions</a>
                                        <span class="fn org">Zendesk</span> -
                                        <span class="adr">
                                                <span class="street-address">989 Market St, Ste 300</span> -
                                                <span class="locality">San Francisco</span> -
                                                <span class="region">CA</span>
                                                <span class="postal-code">94103</span> -
                                                <span class="country-name">USA</span>
                                        </span>
                                <p><a href="">Free Help Desk Software Trial</a> Web-based <a href="http://www.zendesk.com/help-desk-software">help desk software</a> with an elegant support ticket system and full live chat software functionality.</p>
                        </nav>
                       
                </div>
                       
<script type="text/javascript" src="/wp-content/themes/zendesk-twentyeleven/js/plugins.js"></script>
<script type="text/javascript" src="/wp-content/themes/zendesk-twentyeleven/js/script.js"></script>
<!-- GA -->
<script> 
        var _gaq=[['_setAccount','UA-970836-4'],['_trackPageview', location.pathname + location.search + location.hash],['_setDomainName', '.zendesk.com']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
        g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
        s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
 
<!--Page Script-->
<script type="text/javascript"> 
    $(document).ready(function(){
 
        // Story Event Tracking
        $('.post a').click(function(){
                var post = $(this).closest('.post');
                var id = post.attr('id').replace("-"," ");
                var idClean = id.toLowerCase().replace(/\b[a-z]/g, function(letter) {
                           return letter.toUpperCase();
                        });
                var title = post.find('.entry-title').text();
                _gaq.push(['_trackEvent', 'Homepage Clicks', idClean, title]);
        })
 
        // Mobile Carousel
        var timer,
                focus = 'none',
                carousel = $('#zendesk-go'),
                backdrop = $('#zendesk-go-wrap');
 
        $('#zendesk-go ul li').hover(
                function(){
                        var dim = (focus === 'none') ? true : false;
 
                        focus = $(this).attr('class');
                        clearTimeout(timer);
 
                        if(!dim) {
                                carousel.fadeOut(0).attr('class', focus).fadeIn(300, function() {
                                        carousel.clearQueue();
                                });
                        } else {
                                $('#zendesk-go-dark').fadeIn(100, function() {
                                        carousel.fadeOut(0).attr('class', focus).fadeIn(150, function() {
                                                carousel.clearQueue();
                                        });    
                                });
                        }
                },
                function(){
                        carousel.attr('class', 'none');
                        timer = setTimeout(fadeWrapper, 200);
                }
        )
       
        $('#zendesk-go ul li').click(function() {
                        _gaq.push(['_trackEvent', 'Homepage Clicks', 'Mobile Box', focus]);
                        window.location = '/product/mobile#' + focus;
                });
 
                function fadeWrapper() {
                        focus = 'none';
                        $('#zendesk-go-dark').fadeOut(200);
                }
 
                // Carousel
                $('#splash-slides').cycle({
                        fx:     'fade',
                        delay:  -2000,
                        pager:  '#slide-controls',
                        activePagerClass: 'active',
                        timeout: 10000,
                        after: function () {
                                var id = $(this).attr('id');
                                $('a.signup').removeClass().addClass(id);
                        }
                });            
               
                $('#slide-controls a').click(function() {
                $('#splash-slides').cycle('pause');
                });
 
                // Hide Carousel background
                var t = setTimeout("$('#splash-slides').css({'background':'none'});",1000);
 
                // Customer sidebar hover animation
                var href = $('#customers a');
                href.mouseenter(function() {
                        href.stop().animate({ opacity: '1' },100);                                     
                }).mouseleave(function() {                     
                        href.stop().animate({ opacity: '0' },100);                     
                });
 
                $('#play').one('click', function(){
                        $('#splash-slides').cycle('pause');
                        $('.dos').addClass('active');
                        $('<iframe width="560" height="315" src="http://www.youtube.com/embed/p285vDCgHNg?autoplay=1" frameborder="0" allowfullscreen></iframe>').prependTo('#youtube');
                        return false;
                });
    });
 
    $(window).load(function(){
                $('#access-footer-colophon').append('<img src="http://www.zendesk.com/wp-content/themes/zendesk-twentyeleven/img/p-home/home-carousel.jpg" style="width:1px;height:1px;float:right;margin:0;padding:0;opacity:0;"/>');
                $('#splash-slides div:nth-child(2)').addClass('dos');
                $('#splash-slides div:nth-child(3)').addClass('tres');
        });
 
</script>
<!-- Start Quantcast Tag -->
<script type="text/javascript"> 
        _qoptions={qacct:"p-f6oxljvyy7ztk",labels:"_fp.event.Zendesk Homepage"};
</script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<noscript>
        <img src="http://pixel.quantserve.com/pixel/p-f6oxljvyy7ztk.gif?labels=_fp.event.Zendesk+Homepage" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/>
</noscript>
<!-- End Quantcast tag -->
<!-- Segment Pixel ZenDesk - DO NOT MODIFY -->
<img style="display:none" src="http://ad.retargeter.com/seg?add=21649&t=2" width="1" height="1" />
<!-- End of Segment Pixel -->
 
<!--search api-->
<script src="//www.google.com/jsapi" type="text/javascript"></script>

 
<!-- marketo tracking -->
<script src="http://munchkin.marketo.net/munchkin.js" type="text/javascript"></script>

 
<!-- ClickTale -->
<div id="ClickTaleDiv" style="display: none;"></div>
 

<!-- End ClickTale -->
 
<!-- Start Quantcast Tag -->

<script defer type="text/javascript" src="//secure.quantserve.com/quant.js"></script>
 
<noscript>
        <img src="//secure.quantserve.com/pixel/p-f6oxljvyy7ztk.gif?labels=_fp.event.Sign+up+for+Free+Trial" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/>
</noscript>
<!-- End Quantcast tag -->
 
<!--totango-->
<script defer type="text/javascript" src="https://s3.amazonaws.com/saaspulse-cdn/sdr.js"></script>
 
<!-- Begin Salesforce Tracking Code, Place immediately before closing </BODY> tag -->
<script type="text/javascript" src="https://lct.salesforce.com/sfga.js"></script>
<script type="text/javascript">__sfga();</script>
<!-- End Salesforce Tracking Code, Place immediately before closing </BODY> tag -->
 
    <script type="text/javascript"> 
   
    </script>
</body>
</html>

Preparation code output

Help Desk Software | Support Ticket System | Zendesk.com

The fastest way to great customer supportPowerful yet simple multi-channel customer service software

S*** Support Agents SayA Zendesk After Hours project.

Zendesk on the go with Windows PhoneComplete agent workflow in the palm of your hand.

Sign up for a free trial

SIGNUP FOR A FREE TRIAL

STARTER

$20 Per year

REGULAR

$24 Per agent/month

PLUS+

$49 Per agent/month

ENTERPRISE

$99 Per agent/month

All trials start on the Plus+ plan where you'll get the best overview of product features.

You're just a few seconds away from starting a transformation to better customer service.

We do not share your information with anyone!
  • We'll host your help desk at this address
  • I agree to the terms & conditions and privacy policy.

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
getElementById
document.getElementById('message');
pending…
querySelector
document.querySelector('#message');
pending…
getElementsByTagName
document.getElementsByTagName('div')[0];
pending…
Jquery
jQuery("#message")
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment