I have a problem with show/hide `ul` element in this sample. my jquery script work on any element except `ul` elemeny

```js
$('.dropdown-toggle').on('click', function(event) {
  $(this).next('ul').hide();
});
```

```html
<a href="#" class="dropdown-toggle">
  <span class="menu-text"> Link </span>
</a>

<b class="arrow"></b>
<ul class="submenu nav-show" style="display:block">
  <li class="">1</li>
  <li class="">3</li>
  <li class="">4</li>
</ul>
```

<http://jsfiddle.net/c8kouunk/1/>