JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="usclick">usa</a>

<div id="usdates"></div>

<br/>

<a href="#" id="euroclick">euro</a>

<div id="eurodates"></div>

CSS

#usdates {
    width      : 100px;
    height     : 100px;
    background : #000;
    display    : none;
}

#eurodates {
    width      : 100px;
    height     : 100px;
    background : #FF0000;
    display    : none;
}

JavaScript

$('#usclick').live('click',function()  {
    $('#usdates').slideToggle('slow');
    return false;
});

$('#euroclick').live('click',function()  {
    $('#eurodates').slideToggle('slow');
    return false;
});