Question

I have a following script:

$(document).ready(function() {
  $('#q1_6').on("click", function(event){
    $('#q1-f').slideToggle(350);
  });
  $('#q1_7').on("click", function(event){
    $('#q1-m').slideToggle(350);
  });
  $('#q1_15').on("click", function(event){
    $('#q1-o').slideToggle(350);
  });
  $('#q2_6').on("click", function(event){
    $('#q2-f').slideToggle(350);
  });
  $('#q2_7').on("click", function(event){
    $('#q2-m').slideToggle(250);
  });
  $('#q2_15').on("click", function(event){
    $('#q2-o').slideToggle(350);
  });
  $('#q3_13').on("click", function(event){
    $('#q3-o').slideToggle(350);
  });
});

Are these calls proper, or maybe I should somehow refactor the script to avoid duplication?

Edit:
I am creating a survey with about 20 questions displayed on one page. Answers are in checkboxes. Some answers have additional options (sub-answers), which should be shown when user clicks parental answer. Here is HTML markup for better understanding

  <div>
    <input type="checkbox" id="q1_5"/><label for="q1_5">Answer 5</label>
  </div>
  <div>
    <input type="checkbox" id="q1_6"/><label for="q1_6">Answer 6</label>
  </div>
  <div id="q1-f">
    <div>
      <input type="checkbox" id="q1_6_1"/><label for="q1_6_1">Answer 6-1</label>
    </div>     
    <div>
      <input type="checkbox" id="q1_6_2"/><label for="q1_6_2">Answer 6-2</label>
    </div>     
    <div>
      <input type="checkbox" id="q1_6_3"/><label for="q1_6_3">Answer 6-3</label>
    </div>         
  </div>

Current script works well, but I am wondering if I can avoid repeats of the same code snippets.

Answer 1

If you have access to the HTML and can influence the structure of the elements which when clicked initiate the toggle, then I’d add a class and data attribute:

<a href='#' id='q1_6' class='toggle' data-toggle-id='q1-f'>blah</a>

$(document).ready(function() {
  $('a.toggle').on('click', function(){
    var $el = $(this),
        toggleID = '#' + $el.attr('data-toggle-id'),
        toggleValue = 350;

    $(toggleID).slideToggle(toggleValue);
  });
});