2014-03-07 4 views
0

부트 스트랩 2를 사용하여 접을 수있는 메뉴가있는 WordPress 테마를 빌드하고 모든 것이 잘 작동하지만 메뉴에서 새 항목을 클릭하면 열려있는 항목이 닫히지 않습니다. 어떤 생각?부트 스트랩 2 아코디언 메뉴 축소

PHP는 무시할 수 있습니다 :) 감사.

PS : 나는 순수 HTML을 시험 할 때 그냥 괜찮 았는데

<div class="accordion-group"> 
    <div class="accordion-heading"><a href="#<?=$catItem->slug;?>" class="accordion-toggle show-info" data-toggle="collapse" data-parent="#<?=$generalActiveMenu;?>" id="<?=$catItem->term_id;?>"><?=$catItem->name;?></a></div> 
    <div id="<?=$catItem->slug;?>" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
      <div id="<?=$generalActiveMenu;?>1" class="accordion"> 
       <? $subCategory = new $Category(); 
        $subCategory->getCategoryList($catItem->term_id); /* get sub category of each product */ 
        foreach($subCategory->catList as $key => $subCatItem) { 
         ?><div class="accordion-group"> 
          <div class="accordion-heading"> 
           <a href="#<?=$subCatItem->slug;?>" class="accordion-toggle show-info" data-toggle="collapse" data-parent="#<?=$generalActiveMenu;?>1" id="<?=$subCatItem->term_id;?>"><?=$subCatItem->name;?></a> 
          </div> 
          <div id="<?=$subCatItem->slug;?>" class="accordion-body collapse"> 
           <? if(get_posts('category_name='.$subCatItem->slug)) { 
            ?><div class="accordion-inner"> 
             <ul class="nav nav-list"> 
              <? $Post->postCat = $subCatItem->term_id; 
              $Post->getPostList(); 
              foreach ($Post->postList as $key => $postItem) { 
               ?><li id="<?=$postItem->post_name;?>"><a href="<?=$postItem->post_name;?>"><?=$postItem->post_title;?></a></li><? 
              } ?> 
             </ul> 
            </div><? 
           } ?>            
          </div> 
         </div><? 
        } 
       ?>       
      </div> 
     </div> 
    </div> 
</div> 
+0

이 방법을 시도하는 유일한 방법은 데모를보고 디버그 할 수있는 방법이라고 생각합니다. – DLaverick

+0

데모를 제공 할 수 없지만 새 항목을 클릭하면 이전 항목을 닫으려고합니다 ... –

답변

0

내가 잘못 될 수 있지만, 당신이 시도 할 수 :

$('#myAccordianTab').collapse({ 
    toggle: true 
}) 

더 많은 정보를 원하시면이 링크를보세요 : 를 http://getbootstrap.com/2.3.2/javascript.html#collapse

이것은 올바르게 빌드하고 토글 (또는 축소) 기능을 설명하는 데 도움이됩니다.

+0

그건 작동하지 않습니다. 지난 2 일 동안 해당 문서를 살펴 봤습니다. 나는 그 버그를 찾지 못하는 것 같습니다. –

관련 문제