ブートストラップのドロップダウンメニューを隠して表示される白い背景を削除するには？

Question

私はブートストラップ3.3.4

私は次のコードを使用しています。

<nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <ul class="nav navbar-nav"> 
     <li class="projects" class="dropdown"><a class="dropdown-toggle projects" data-toggle="dropdown" href="#"><span class="projects">Projects</span></a> 
      <ul id="projects-menu" class="dropdown-menu"> 
      <li><a href="/prj/pages/project/projectList.html">List</a></li> 
      <li><a href="/prj/pages/project/createNewProject.html">Add new project</a></li> 
      </ul> 
     </li> 
     </ul> 
    </div> 
    </div> 
</nav> 

今私は、メインメニューの下に来てサブメニューを隠してるのjQueryを使用して「プロジェクト」次のように：

が

$(document).ready(function() { 
    $("ul#projects-menu").children().hide(); 
}); 

メニューが非表示なりますが、小さな白い背景が下に表示されます私が欲しくないメニュー。私の問題をよりよく理解するために、下の画像を参照してください。この画像では、'Projects'メニューの下に白い背景が表示されます。

誰かがこの点で私を助けてくださいことはできますか？

ありがとうございました。

Answer 1

次のことを試してみてください。

$(document).ready(function() { 
    $("ul#projects-menu").hide(); 
}); 

はあなたがする必要があるサブメニューを非表示にしている場合meniuない李さん

Answer 2

$('#projects-menu > li > a').on('click', function() { 
    $(this).children('#projects-menu').hide(); 
}); 

はまた、あなたがこの

$(this).find("#projects-menu > li").hide();