如何擴大點擊塊？

-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

如何擴大點擊塊？

回答

相關問題