Timeline Checkboxes - Dependency

by akaimo

HTML

<input type="checkbox" name="pipe_timeline" id="pipe_timeline" />
<input type="checkbox" name="primary_timeline" id="primary_timeline" /><br><br>
<li id="tl_event" style="display:none">Event Headline: <input id="tl_headline" name="tl_headline" size="30" type="text" value="" /></li><br>
<li id="tl_event_details" style="display:none">Event Details: <input id="tl_details" name="tl_details" size="30" type="text" value="" /></li>

JavaScript

$(document).ready(function(){
    $('#tl_event, #tl_event_details').css("display","none");
        $("#pipe_timeline, #primary_timeline").click(function(){
        if ( $(this).is(':checked') ) {
            $("#tl_event, #tl_event_details").slideDown("fast"); //Slide Down Effect
        } else {
            $("#tl_event, #tl_event_details").slideUp("fast");  //Slide Up Effect
        }
     });
});