I'm fairly new to JQuery/JavaScript and I'm trying to refactor the following code:

$('#hour').click(function() {
  $('#clockHours').slideToggle();
  $('#clockMinutes').hide();
});

$('#minutes').click(function() {
  $('#clockMinutes').slideToggle();
  $('#clockHours').hide();
});

//print clicked onto views
$('.timeSelect').click(function() {
  var text = $( this ).text();
  $('#hourView').val( text );
});

$('.minuteSelect').click(function() {
  var text = $( this ).text();
  $('#minuteView').val( text );
});

I haven't had much luck figuring out this task. You may see what I want the refactored version to do here un-refactored codepen and here's what I have done so far here refactoring codepen.

I'm fairly new to JQuery/JavaScript and I'm trying to refactor the following code:

$('#hour').click(function() {
  $('#clockHours').slideToggle();
  $('#clockMinutes').hide();
});

$('#minutes').click(function() {
  $('#clockMinutes').slideToggle();
  $('#clockHours').hide();
});

//print clicked onto views
$('.timeSelect').click(function() {
  var text = $( this ).text();
  $('#hourView').val( text );
});

$('.minuteSelect').click(function() {
  var text = $( this ).text();
  $('#minuteView').val( text );
});

I haven't had much luck figuring out how to improve the code. Here is a CodePen of the current working code and here's what I have tried.

I'm fairly new to JQuery/JavaScript

I am trying to refactor the following code:

$('#hour').click(function() {
$('#clockHours').slideToggle();
$('#clockMinutes').hide();
});

$('#minutes').click(function() {
$('#clockMinutes').slideToggle();
$('#clockHours').hide();
});

//print clicked onto views
$('.timeSelect').click(function() {
var text = $( this ).text();
$('#hourView').val( text );
});
$('.minuteSelect').click(function() {
var text = $( this ).text();
$('#minuteView').val( text );
});

I haven't had much luck figuring this task out. You may see what I want the refactored version to do here un-refactored codepen and here's what I have done so far here refactoring codepen. Any tips would greatly be appreciated.

Thanks!

I'm fairly new to JQuery/JavaScript and I'm trying to refactor the following code:

$('#hour').click(function() {
  $('#clockHours').slideToggle();
  $('#clockMinutes').hide();
});

$('#minutes').click(function() {
  $('#clockMinutes').slideToggle();
  $('#clockHours').hide();
});

//print clicked onto views
$('.timeSelect').click(function() {
  var text = $( this ).text();
  $('#hourView').val( text );
}); 

$('.minuteSelect').click(function() {
  var text = $( this ).text();
  $('#minuteView').val( text );
});

I haven't had much luck figuring out this task. You may see what I want the refactored version to do here un-refactored codepen and here's what I have done so far here refactoring codepen.

I'm fairly new to JQuery/JavaScript

I am trying to refactor the following code:

$('#hour').click(function() {
$('#clockHours').slideToggle();
$('#clockMinutes').hide();
});

$('#minutes').click(function() {
$('#clockMinutes').slideToggle();
$('#clockHours').hide();
});

//print clicked onto views
$('.timeSelect').click(function() {
var text = $( this ).text();
$('#hourView').val( text );
});
$('.minuteSelect').click(function() {
var text = $( this ).text();
$('#minuteView').val( text );
});

I haven't had much luck figuring this task out. You may see what I want the refactored version to do here un-refactored codepenand here's what I have done so far here refactoring codepen. Any tips would greatly be appreciated.

Thanks!

I'm fairly new to JQuery/JavaScript

I am trying to refactor the following code:

$('#hour').click(function() {
$('#clockHours').slideToggle();
$('#clockMinutes').hide();
});

$('#minutes').click(function() {
$('#clockMinutes').slideToggle();
$('#clockHours').hide();
});

//print clicked onto views
$('.timeSelect').click(function() {
var text = $( this ).text();
$('#hourView').val( text );
});
$('.minuteSelect').click(function() {
var text = $( this ).text();
$('#minuteView').val( text );
});

I haven't had much luck figuring this task out. You may see what I want the refactored version to do here un-refactored codepen and here's what I have done so far here refactoring codepen. Any tips would greatly be appreciated.

Thanks!