使用bootstrap下拉菜单切换外部元素

Question

我有一个外部固定元素，在切换引导下拉列表时应该切换。然而，有一些条件证明是棘手的。

1. 如果用户点击了＆amp;徘徊菜单项目＆amp;徽标＆amp;固定元素然后固定元素＆amp;下拉菜单消失
2. 如果用户在菜单项之间切换，则固定元素将保留，直到用户单击
3. 如果单击的菜单项没有下拉列表，则固定元素将消失。

这是我想要实现的FSFiddle。

http://jsfiddle.net/F6PhA/17/

到目前为止，我将鼠标悬停在隐藏绿色div上，我需要隐藏div。开启.dropdown-toggle点击哪个不能正常工作

$(".open .dropdown-toggle").on("click", function(){
    $(".master-sub-menu").animate({"height":"0"},200,function(){
    });
});

任何人都知道为什么这不起作用？