gpt4 book ai didi

javascript - 如何更改按钮文本 onclick?

转载 作者:太空狗 更新时间:2023-10-29 13:22:57 26 4
gpt4 key购买 nike

我有一个 jQuery slideToggle,我用它来显示和隐藏某些内容。它总是显示一个向下的箭头,但如果单击并显示文本,箭头应该向上。无论如何要这样做?

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").slideToggle();
});
});
</script>

<button>&#8595;</button>
<p>Wow!</p>

</body>
</html>

最佳答案

就这么简单!

var toggled = false;
$("button").click(function() {
if (!toggled) {
$(this).html("&#8593;");
toggled = true;
} else {
$(this).html("&#8595;");
toggled = false;
}

$("p").slideToggle();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>
&#8595;
</button>
<p>
Wow!
</p>

关于javascript - 如何更改按钮文本 onclick?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36326184/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com