expand collapse button

HTML

<input type="button" id="button-time-est" value="+">
  <div id="time_est_input">
      Time Estimate: 
      <input type='text' id='time_est' value=""/>
    </div>
<input type="button" id="button-due-est" value="+">
  <div id='due_est_input'>    
      Desired Completion:
      <input type='text' id='desired_completion' value=''/>
    </div>

CSS

#time_est_input{ display: none }
#due_est_input{ display: none }

JavaScript

$(document).ready(function(){
    $("#button-time-est").click(function(){
          $("#time_est_input").toggle()
    })
    $("#button-due-est").click(function(){
          $("#due_est_input").toggle()
    })
})