如何使用span标签和glyphicon而不是bootstrap上的按钮制作下拉菜单？

Question

I was looking for that a long time without success.

I found a link that explain how to do it, but it has no example and I don't know how to implement on my website.

Anyone can help me? Anyone knows how to do it?

Answer 1

Here's the code that you're looking for, that with jquery:

$('#willtoggle').on('click', function (event) {
    $("#toggled").toggle();
});

the #willtoggle is a span with the class of caret defined on bootstrap, so on click, it'll toggle the dropdown-menu(that have the id="toggled").

And this code for hiding it when clicking outside:

$(document).on('click', function(event) {
  if ($(event.target).closest('.dropdown').length === 0) {
      $("#toggled").hide();
  }
});

Here's the JSFiddle that I made.