Jquery Navigation - 축소/확장

Question

내 jquery를로드 할 때 축소 된 메뉴를 표시하려고합니다. 바로 지금 그것을 확장하고 있습니다. 주위를 바꾸는 가장 좋은 방법은 무엇입니까?

아래 코드는 magento에 대한 계층 적 탐색입니다.

  <?php if($this->canShowBlock()): ?> 
      <div class="block block-layered-nav"> 
       <div class="block-title"> 
        <strong><span class="catalog-layer-view-heading"><?php echo $this->__('BROWSE BY') ?></span></strong> 
       </div> 
       <div class="block-content"> 
        <?php echo $this->getStateHtml() ?> 
        <?php if($this->canShowOptions()): ?> 
         <dl id="narrow-by-list"> 
          <?php $_filters = $this->getFilters() ?> 
          <?php $i=0; foreach ($_filters as $_filter): $i++; ?> 
          <?php if($_filter->getItemsCount()): ?> 
           <dt id="filterlabel<?php echo $i;?>"><?php echo $this->__($_filter->getName()) ?> <span class="openthis openthis<?php echo $i;?>">(open)</span></dt> 
           <dd><?php echo $_filter->getHtml() ?></dd> 

           <script type="text/javascript" >   
            jQuery('#filterlabel<?php echo $i;?>').each(function(){ 

             jQuery('.openthis<?php echo $i;?>').css({'display':'block'}); 

             jQuery(this).toggle(function(){ 
              jQuery(this).addClass('hided').next().slideUp(200); 
              jQuery('.openthis<?php echo $i;?>').css({'display':'none'}); 
             },function(){ 
              jQuery(this).removeClass('hided').next().slideDown(200); 
              jQuery('.openthis<?php echo $i;?>').css({'display':'block'}); 
             }) 
            }); 
           </script>      
          <?php endif; ?> 
          <?php endforeach; ?> 
         </dl> 
         <script type="text/javascript">decorateDataList('narrow-by-list')</script> 
        <?php endif; ?> 
       </div> 
      </div> 
      <?php endif; ?> 

Answer 1

당신은이 slideToggle 기능 내장 사용할 수 있습니다

$('#clickme').click(function() { 
    $('#element').slideToggle('fast', function() { 
    // Animation complete. 
    }); 
}); 

HTH