JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer" style="">
  <div class="" id="footer-message">
  </div> 
  <div class="region clear-block" id="footer-region">
    <div id="footermap">
      <ul>
        <li class="menu-1780 menu-model-s">
          <a href="/models">Model S</a>
        </li>
      </ul>
      <ul class="quicklinks">
        <li><a href="/about/careers">Careers</a></li>
        <li><a href="/about/press">Press</a></li>    
      </ul>
    </div>
    <div class="locale-tab" id="region-picker" style="width: 132px;">
      <span class="marginUnitedStates tk-museo-sans locale-select-lable">United States</span>
      <div class="inside">
          &nbsp;
      </div>
    </div>
    <div class="dropshadow-dark" id="locale-select" style="top: 193px; display: none;">
       <!--This is a comment. Comments are not displayed in the browser-->
 
    <!--  <div class="locale-tab" id="select-tab" style="width: 132px;"> -->
   <!--     <span class="en_US tk-museo-sans">SELECT COUNTRY</span> -->
  <!--    </div> -->
 
        
      <h1 class="popupHeader">international newsstands</h1>
        <div class="selectorContinents">north america</div>
        <div class="borderNorthAmerica">
            <a rel="en_CA" class="selectorCountries marginUnitedStates locale-link" href="http://www.teslamotors.com/en_CA">united states</a>
            <a rel="en_US" class="selectorCountries marginSecondCountry locale-link" href="http://www.teslamotors.com/en_CA">canada</a>
            <a rel="en_BE" class="selectorCountries marginCanadaFrench locale-link" href="http://www.teslamotors.com/en_BE">canada(french)</a>
        </div>
        <div class="selectorLatinAmerica">latin america</div>
        <div class="borderLatinAmerica">
            <a class="selectorCountries locale-link">argentina</a>
            <a class="selectorCountries marginBrasil locale-link">brasil</a>
            <a class="selectorCountries marginMexico locale-link">mexico</a>
        </div>
        <div...

CSS

#footer #footer-region div.locale-tab {
    padding: 0 0 0 5px;
}
#region-picker {
    background: url("http://www.teslamotors.com/tesla_theme/images/bg_footer_locale_tab.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    left: 811px;
    overflow: hidden;
    position: absolute;
}

.style-header, .tk-museo-sans {
    font-family: "museo-sans-1","museo-sans-2",sans-serif;
}
.style-header, .tk-museo-sans {
    font-family: "museo-sans-1","museo-sans-2",sans-serif;
}
#region-picker .inside {
    padding: 22px 5px 10px;
}
#locale-select {
    background-color: #FFFFFF;
    /*
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #C90000;
    */
    margin: 0 auto;
    min-height: 425px;
    /*padding: 20px 20px 0;*/
    padding-left: 40px;
    padding-top: 30px;
    position: absolute;
    width: 775px;
    z-index: 599;
}
.dropshadow-dark {
    /*box-shadow: 2px 2px 2px #e4e2dc;*/
    border: 5px solid #e4e2dc;
}

#footer #footer-region div.locale-tab {
    padding: 0 0 0 5px;
}
#locale-select #select-tab {
    background: url("http://www.teslamotors.com/tesla_theme/images/bg_footer_locale_tab.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    left: 810px;
    overflow: hidden;
    position: absolute;
    top: -40px;
    z-index: 600;
}
.quicklinks{
height: 800px;
}

.selectorCountries{

    cursor:pointer;
    font-size: 11px;
    border: 1px solid red;
    /*
    background: url("http://www.teslamotors.com/tesla_theme/images/icn_us_flag_no_shadow.png") no-repeat scroll 0 45% transparent;
    */
    padding-left: 30px;
        padding-right: 70px;
    text-transform:capitalize;
    /*padding-bottom: 40px;*/


}
.selectorContinents{
    font-size: 12px;
    padding-top: 40px;
    text-transform:capitalize;
    height: 12px;
}
.selectorLatinAmerica, .selectorAfrica, .selectorEurope, .selectorAsia, .selectorAfrica{
    font-size: 12px;
   ...

JavaScript

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name,"",-1);
}












function checkCookie(){
        var cookie_locale = readCookie('desired-locale');
        var show_blip_count = readCookie('show_blip_count');
        var tesla_locale = 'en_US'; //default to US
        var path = window.location.pathname;
        // debug.log("path = " + path);
        var parsed_url = parseURL(window.location.href);
        var path_array = parsed_url.segments;
        var path_length = path_array.length
        var locale_path_index = -1;
        var locale_in_path = false;
        var locales = ['en_AT', 'en_AU', 'en_BE', 'en_CA',
                        'en_CH', 'de_DE', 'en_DK', 'en_GB',
                        'en_HK', 'en_EU', 'jp', 'nl_NL',
                        'en_US', 'it_IT', 'fr_FR', 'no_NO']
        // see if we are on a locale path
        $.each(locales, function(index, value){
            locale_path_index = $.inArray(value, path_array);
            if (locale_path_index != -1) {
                tesla_locale = value == 'jp' ? 'ja_JP':value;
                locale_in_path = true;
            } 
        });
        // debug.log('tesla_locale = ' + tesla_locale);
        cookie_locale = (cookie_locale == null || cookie_locale == 'null') ? false:cookie_locale;
        // Only do the js redirect on the static homepage.
        if ((path_length == 1)...