How to refactor this simple code
<p>I have a following script:</p>

<pre><code>$(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);
  });
});
</code></pre>

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

<p>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</p>

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

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