jquery - ブートストラップのドロップダウンが機能しない?

Question

次のドロップダウンは機能しません。

http://jsfiddle.net/xws2j/

<li id="fat-menu" class="dropdown open">
                  <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
                    <li><a tabindex="-1" href="#">Action</a></li>
                    <li><a tabindex="-1" href="#">Another action</a></li>
                    <li><a tabindex="-1" href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a tabindex="-1" href="#">Separated link</a></li>
                  </ul>
                </li>

起動しますが、何かの後ろに隠れているようです。しかし、私は何がわからない。誰でも助けることができますか？

Answer 1

私はあなたのcssを修正しました。

http://jsfiddle.net/xws2j/4/

この問題の原因は構文でした。下記参照。

 .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  overflow: visible \9;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

知らせ：

 overflow: hidden;
 overflow: visible \9;

次のように修正:

  .collapse {
  position: relative;
  height: 0;
  overflow: visible;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}