Need help about this scenario. I have a dropdown menu with a "+" button. I wanted to make it "-" when it drops down the menu. When it turns back, it will go back to "+". Flexible.

This is what i meant: 

[![enter image description here](https://i.stack.imgur.com/PcEdT.png)](https://i.stack.imgur.com/PcEdT.png)

This is my jQuery:

```
<script>
$(document).ready(function() {
 $(".dropdown-toggle").click(function(e) {
        e.preventDefault();
        $('.dropdown-menu').not($(this).next('.dropdown-menu')).fadeOut()
        $(this).next('.dropdown-menu').fadeToggle().toggleClass('isOpen');
        $(".dropdown-toggle").val("-");
    });
});
</script>

```

here's my html:

```
<button class="dropdown-toggle" data-toggle="dropdown" href="#">+</button>
  <ul class="dropdown-menu">
   <li class="dropdown-menu-li"><a href="">Test</a></li>
   <li class="dropdown-menu-li"><a href="">Test</a></li>
   <li class="dropdown-menu-li"><a href="">Test</a></li>
   <li class="dropdown-menu-li"><a href="">Test</a></li>    
   <li class="dropdown-menu-li"><a href="">Test</a></li>        
</ul>                                   

```

Thank you so much whoever helps me enlighten with jquery.