$(document).ready(function() {
('.button').click(function() {
let item = $(this).closest('item');
if (item.css.('display') === 'none') {
item.show();
item.css('display', 'block');
} else if (item.css.('display') === 'block') {
item.hide();
item.css('display', 'none');
}
});
});
.item {
display: none;
}
<div class="container">
<button class="button">Click</button>
<div class="front">front page</div>
<div class="item">
This is a paragraph with little content. This is another small paragraph.
</div>
</div>
.closest('')
只搜索父节点,所以实际上不会返回任何内容。此外,你的closest('.item')
缺少.
来表示它正在查找的是类。 - Levidps$
)... - I wrestled a bear once.toggle()
https://api.jquery.com/toggle/。 - Adrianohide/show
和css
。除了改变 CSS,你认为hide
和show
还有什么作用? - Barmar