JSFiddle - React, Tailwind, and code Playground

by kenyboy9

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container mar-top">
<div class="row setup-content" id="step-2">
				<div class="col-xs-6 col-md-offset-3">
					<div class="col-md-12">
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group slide-test">
									<select class="form-control firstbox" title="Day">
										<option>
											Monday
										</option>
										<option>
											Tuesday
										</option>
										<option>
											Wednesday
										</option>
										<option>
											Thursday
										</option>
										<option>
											Friday
										</option>
										<option>
											Saturday
										</option>
										<option>
											Sunday
										</option>
									</select>
								</div>
							</div>
						</div>
					
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group box2">
									<select id="months" class="form-control" title="Month">
								
												<option>
											Monday
										</option>
										<option>
											Tuesday
										</option>
										<option>
											Wednesday
										</option>
										<option>
											Thursday
										</option>
										<option>
											Friday
										</option>
										<option>
											Saturday
										</option>
										<option>
											Sunday
										</option>
									</select>
								</div>
                                </div>
                            	</div>
             
						</div>
			
				</div>

			</div>
  
			</div>

JavaScript

$(". slide-test"").click(function(){
    $("#months").slideDown();
});