How to change jQuery markup to display html

Question

my question is in HTML comment in this HTML code below

<div id="section-uvitaci_text" class="section section-checkbox ibutton">
  <h3 class="heading">Uvítací text</h3>
  <div class="option">
    <div class="controls">
      <input type="hidden" class="fld checkbox aq-input" name="uvitaci_text" id="uvitaci_text" value="0">
      <div class="ibutton-container">
        <input type="checkbox" class="fld checkbox of-input" name="uvitaci_text" id="uvitaci_text" value="1">
        <div class="ibutton-handle" style="left: 0px; ">
          <div class="ibutton-handle-right">
            <div class="ibutton-handle-middle"></div>
          </div>
        </div>
        <div class="ibutton-label-off"><span style="margin-right: 0px; ">
          <label>OFF</label>
          </span></div>
        <div class="ibutton-label-on" style="width: 4px; overflow-x: hidden; overflow-y: hidden; "><span style="margin-left: -50px; ">
          <label>ON</label>
          </span></div>
        <div class="ibutton-padding-left"></div>
        <div class="ibutton-padding-right"></div>
      </div>
    </div>
    <div class="explain">This will show an offline message. Except for administrators, nobody will be able to access the site</div>
    <div class="clear"> </div>
  </div>
</div>


<!--- Code below I want to slideDown and slideUp ---->


<div id="section-uvitacitext_nadpis" class="f_uvitaci_text section section-text ">
  <h3 class="heading">Nadpis uvítacího textu</h3>
  <div class="option">
    <div class="controls">
      <input class="of-input " name="uvitacitext_nadpis" id="uvitacitext_nadpis" type="text" value="Proč vybrat nás">
    </div>
    <div class="explain">Zde můžete zadat nadpis uvítacího textu</div>
    <div class="clear"> </div>
  </div>
</div>

And here is my jQuery

jQuery('.fld').click(function() {
    var $fold='.f_'+this.id;
    $($fold).slideToggle('normal', "swing");
});

How I must change my jQuery to slide down and slide up the indicated HTML? ​