Javascript 鼠标单击时隐藏标题

我有一个按钮元素，当我点击它时，它会显示下拉列表。它还显示标题

我的问题是，若我点击按钮，按钮的标题就会出现在下拉列表的值上方。我想在单击按钮时隐藏标题

我想要一些类似Gmail设置按钮的东西

我尝试了类似的东西，但它删除了第一次点击后按钮的标题，也显示了第一次点击时的标题，这并不能解决我的问题

$(this).click(
  function() {
    $(this).attr('title', title);
  }
);

请找到js小提琴链接

---

更改下拉列表的CSS，并将其z索引调整为大于按钮标题的z索引。请共享JSFIDDLE什么浏览器版本？提供生成下拉列表的代码，该代码演示了问题。。。