我正在尝试使用JQuery隐藏和显示click事件上的元素。
第一次单击事件可以很好地工作,该事件显示了元素,但是当我再次单击它时,它不会隐藏。
我尝试在console.log上打印每次单击时选择器所引用的元素,这是输出:
第一次点击:
jQuery.fn.init [div.cardValue,prevObject:jQuery.fn.init(1)]
第二次点击:
prevObject:jQuery.fn.init(1)
HTML
<div class="whiteCard d-flex justify-content-center align-items-center">
<div class="cardValue"></div>
</div>
jQuery
$('.whiteCard').on('click', () => {
console.log($(event.target).children(".cardValue"));
$(event.target).children(".cardValue").toggle();
});