Почему выпадающее меню не работает

Question

Я пытаюсь дать выпадающее меню на своем веб-сайте, но по какой-то причине это выпадающее меню не работает. Я не могу понять причину этого. Мой код выглядит следующим образом:

  <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">More Categories <span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
       <li><a href="#">category1</a></li> 
       <li><a href="#">category2</a></li> 
       <li><a href="#">category3</a></li> 
       <li class="divider"></li> 
       <li class="dropdown-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
      </ul> 
      </li> 

Моя веб-страница снимок с литиево части помечен красным цветом:

есть ли какие-либо ошибки я делаю в этом материале там файл CSS используется здесь bootstrap.min.css с официального сайта Bootstrap. EDIT:

<!--core CSS --> 
<link href="bootstrap.min.css" rel="stylesheet"> 
<link href="categories.css" rel="stylesheet"> 

<!-- Custom styles for this template --> 
<link href="buysell.css" rel="stylesheet"> 

<script src="ie-emulation-modes-warning.js"></script> 
<script type="text/javascript"> 
    $('.dropdown-toggle').dropdown() 
</script> 

это моя самозагрузка включения часть.

Answer 1

$('.dropdown-toggle').dropdown() 

Добавить этот фрагмент в JavaScript. Это на документации Doc

Работы скрипки Fiddle