li需要可點擊時，沒有子菜單

Question

嗨，我有一個手風琴菜單，所有工作正常，除非如果一節沒有子類別我需要鏈接去頁面，而不是嘗試打開不在那裏的子菜單。

如何在此代碼中執行此操作？

$.noConflict(); 
$(document).ready(function() { 

     // Store variables 

     var accordion_head = $('ul.accordion > li > a.item'), 
      accordion_body = $('ul.accordion li > ul.sub-menu'); 


     // Click function 

     accordion_head.on('click', function(event) { 

      // Disable header links 

      event.preventDefault(); 

      // Show and hide the tabs on click 

      if ($(this).attr('class') != 'active'){ 
       accordion_body.slideUp('normal'); 
       $(this).next().stop(true,true).slideToggle('normal'); 
       accordion_head.removeClass('active'); 
       $(this).addClass('active'); 
      } 

     }); 

    }); 

HTML ....

<div class="Block CategoryList Moveable" id="SideCategoryList"> 

    <div class="BlockContent" id="dropDowns"> 
    <ul class="accordion"> 
    <li><a href="http://site-link.co.uk" >Main Category 1</a> 
    <ul class="sub-menu"> <li><a href="http://site-link.co.uk" class="item">item 1</a> 

    </li> <li ><a href="http://site-link.co.uk" class="item">item 2</a> 

    </li> <li ><a href="http://site-link.co.uk" class="item" >item 3</a> 

    </li> <li ><a href="http://site-link.co.uk" class="item">item 4</a> 

    </li></ul> 

</li> <li ><a href="http://site-link.co.uk" class="item">Main Category 2</a> 

</li> <li ><a href="http://site-link.co.uk" class="item">Main Category 3</a> 


</li> 
    </ul> 

Answer 1

在這裏你去http://jsfiddle.net/davidchase03/WaQES/變化，因爲第一個犯規有類項目

var accordion_head = $('ul.accordion > li > a')

，並添加

​​

Answer 2

只是拋出一個猜測：

// Disable header links 

// event.preventDefault(); - handle this below 

// Show and hide the tabs on click 

if ($(this).attr('class') != 'active'){ 
    accordion_body.slideUp('normal'); 
    var subMenu = $(this).next('ul'); 
    if (subMenu) { 
     subMenu.stop(true,true).slideToggle('normal'); 
     event.preventDefault(); 
    } 
    accordion_head.removeClass('active'); 
    $(this).addClass('active'); 
} else { 
    event.preventDefault(); 
}