更改CSS属性＆＃39;显示＆＃39;没有＆＃39;用jQuery

Question

我试图用jQuery将'Display'更改为'none'，但它不起作用，或者我写错了？

FIDDLE

代码：

<div class="menu">
   <ul id="ul1">
      <p>News</p>
         <ul id="ul2">
             <p style="display:none">
                 Hey!, Whats up</p>

         </ul>
    </ul>
</div>

jQuery的：

$(".menu").hover(function(){
  $(".menu ul ul").css("display", "block");
  $( ".menu ul ul" ).animate({width: 'toggle'});
});

我想在“菜单”上悬停时显示“ul2”，动画部分正在工作，我只需要css部分工作，我做错了什么？

他们分开工作，但他们没有合作，我不知道我做错了什么。

Answer 1

这里很少有修改工作：

$(".menu ul").hover(
    function() {
        $(".menu ul ul li").css("display", "block");
    }, function() {
       $(".menu ul ul li" ).css("display", "");
    }
);

http://jsfiddle.net/core972/h7y5T/1/

Answer 2

或者，你可以使用以下内容更清洁......

$(".menu ul").on("mouseenter", function() { 
     $(this).children().show();
}).on("mouseleave", function() {
     $(this).children().hide();
});