以下に小さなjQuery関数があります。#hover-trigger
リンクでも画像でも、基本的に要素をクリックすることで機能します。これにより、集中化された div 要素が画面の中央に表示されます (この場合は ) #hover-content
。
私が疑問に思っているのは、div
特定の要素がクリックされたときに再び消えるようにするために、この関数の最後にどの関数を追加できるでしょうか?
$(document).ready(function()
{
$('#hover-trigger').click(function()
{
$(this).next('#hover-content').slideToggle();
$(this).toggleClass('active');
if ($(this).hasClass('active'))
$(this).find('span').html('▲')
else
$(this).find('span').html('▼')
})
});