带箭头的jQuery切换下拉菜单

<div class="dropdown">
  <div class="dropdown-title">菜单标题</div>
  <ul class="dropdown-menu">
    <li>选项1</li>
    <li>选项2</li>
    <li>选项3</li>
  </ul>
</div>

.dropdown {
  position: relative;
}

.dropdown-title {
  cursor: pointer;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.dropdown-menu li {
  padding: 5px;
  background-color: #f0f0f0;
}

.dropdown-menu li:hover {
  background-color: #ccc;
}

$(document).ready(function() {
  $('.dropdown-title').click(function() {
    $('.dropdown-menu').slideToggle();
  });
});