单击引入div时显示隐藏的div

Question

在我的网站上，我有一个新闻提要的介绍div。如果单击引入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

试试这个：

＆＃13;

＆＃13;

$(document).ready(function(){

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

});

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

Answer 3

请尝试以下代码段：

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