はこのjQueryの機能を短縮するのに役立つ必要

Question

は、ここでは、このような何かやって助ける必要もhere

を働く私のコードです：

$('.date-container input').click(function() { 
    var j; 
    for (j = 1; j <= 4; j++) { 

     $('.day' + (j + 1) + '-times').hide('slow'); 

     $(this).$('.day' + (j + 1) + '-times').show('slow'); 
    } 
}); 

Answer 1

これはあなたのフィドルのJSコードの短いバージョンは次のとおりです。

を

$(document).ready(function() { 
    // When document is ready, we bind the click event on every 'input' in the '.date-container' div 
    $('.date-container input').click(function(){ 
    // When a click event is triggered on one of those 'input', we hide 
    // all the 'div' that are in the '#checkboxradio' element 
    $('#checkboxradio > div').hide('slow'); 
    // Using the 'id' attribute of the input that triggered the clicked 
    // event (e.g. "day1"), we build a jQuery selector that'll be used 
    // to select the proper checkboxes time container 
    // (e.g. "." + "day1" + "-times" = ".day1-times") 
    // Then we stop all animations on that element (prevent hiding if 
    // it's the element we actually want to display) 
    // and trigger a show animation on that same element 
    $('.' + $(this).prop('id') + '-times').stop().show('slow'); 
    }); 
}); 

あなたはおそらく、あなたのコードは、ワットには思えないのチェックボックス