javascript - 帮助使用 jQuery 隐藏和淡入元素

Question

试图隐藏 <p class = "hide">元素，然后通过单击 <li> 使它们淡入它们嵌套在...

$(document).ready(function(){
  $("p.hide").hide();
  $("li").click(function(){
    ("p.hide").fadein(1000);
   };
  );  
};

和 HTML

<ul>   
   <li>Security</li>
     <p class = "hide">Nulla pharetra facilisis ligula sed ultricies.</p>  
   <li>Scalability</li>
     <p class = "hide">Nulla pharetra facilisis ligula sed ultricies.</p>
</ul>

我是不是漏掉了什么？再一次，我是 jQuery/js 的新手，非常感谢任何帮助!

Answer 1

我在您的 JS 中发现了一些小的语法问题:

• ready() 函数调用中缺少闭包
• 传递给 click()
的匿名函数后的分号
• fadeIn() 调用中的小写 'i'

在您的 HTML 中，P 元素应该在 LI 元素内——正如所发布的那样，它不是有效标记。

此外，您的点击针对的是所有 p.hide 元素，而不是嵌套在被点击的 li 中的元素。

例如。假设:

<ul>   
    <li>
        Security
        <p class="hide">Nulla pharetra facilisis ligula sed ultricies.</p>  
    </li>
    <li>
        Scalability
        <p class="hide">Nulla pharetra facilisis ligula sed ultricies.</p>
    </li>
</ul>

然后使用这个 JS:

$( function()
{
    $( 'p.hide' ).hide();
    $( 'li' ).click( function()
    {
        $( this ).find( 'p.hide' ).fadeIn( 1000 );
    } );  
} );

这里是您的代码调整后可以正常工作的实例:http://jsfiddle.net/JAAulde/u22yk/1/