jQueryを使用して、クリックするたびにボタンのラベルを切り替えようとしています。
以下は私が実装したコードです:
<html>
<head>
<script src="jquery-1.8.2.js"></script>
<script>
$(document).ready(function(){
$("#details_button").click(function() {
var button_text = $("#details_button").attr("text");
button_text == "Hide" ? $("#details_button").text("Details") : $("#details_button").text("Hide");
});
});
</script>
</head>
<body>
<button id="details_button" type="button">Details</button>
</body>
</html>
「details_button」のラベルは、クリックするたびに「詳細」から「非表示」に、またはその逆に変更されると思います。
ただし、「詳細」から「非表示」に1回だけ変更され、その後のクリックでは変更されません。
ここで何が欠けていますか?