如何扩大点击块？

-3

最近，我开始了我的项目并面临一个小问题。我的笔记列表，笔记是div块与代码：如何扩大点击块？

<div id="note" class="well"> 
    <p id="caption" class="text-center">%Caption</p> 
    <hr id="devider"> 
    <p id="content">%Content</p> 
</div>

查看网页：

现在，当我点击这个音符，什么都不会发生。我想做出下一个功能：在普通状态下，只有很短的内容，但是当我点击特定的音符时，它会增加它的大小并显示它的全部内容。

我该如何做到这一点？

来源

2017-07-30 Golov Pavel

哪里是你的JavaScript代码.. –

现在我没有一些js代码，becouse我没有想法，我怎么能意识到。使用以下命令实现笔记的照明：hover css伪选择器。 –

没有使用JavaScript，你可以添加点击事件。 –

使用.animate()功能来做到这一点

$('#note').on('click', function() { 
 
    $(this).animate({ 
 
    height: '200%' 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="note" class="well"> 
 
    <p id="caption" class="text-center">%Caption</p> 
 
    <hr id="devider"> 
 
    <p id="content">%Content</p> 
 
</div>

来源

2017-07-30 11:50:52 Osama

如何扩大点击块？

回答

相关问题