单击简介div时显示隐藏的div

Question

在我的网站上，我有一个新闻提要区。 如果单击简介div，则说明应使用jQuery出现。 但是，尽管代码看起来还不错，但是它不起作用。

CSS：

.description {
   display: none;
   padding-top: 10px;
   padding-bottom: 10px;
}

jQuery代码：

$(document).ready(main);

var main= function() {
    $('.article').click(function(){
        $(this).children('.description').show();    
    });
};

为什么它不起作用？

Answer 1

尝试这个：

 $(document).ready(function(){ $('.article').click(function(){ $(this).children('.description').show(); }); }); 

 .description { display: none; padding-top: 10px; padding-bottom: 10px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="article">this is the article <div class="description">hi fellow</div> </div> 

Answer 2

如果不起作用，请尝试$（'。description'）。show（）尝试：$（'。description'）。css（'display'，'block'）

Answer 3

请尝试以下代码片段：

$('.article').click(function(){
    $('.article .description').toggle();    
});