切り替えようとしている画像ボタンがあります。ただし、更新時に一度だけトグルします。画像をクリックすると 2 番目の画像に変わり、次にクリックすると元の画像に戻ります。このコードを使用すると、最初の画像から 2 番目の画像に移動できますが、もう一度クリックしても元の画像に戻ることはできません。誰かが私が間違っているところを指摘できますか? これは私が使用しているスクリプト全体です
HTML & jQuery -
<a href='#'>
<input type="image" src="/images/pulpit.jpg" id="btn-true" />
</a>
<script type="text/javascript">
$('#btn-true').click( function () {
if ($(this).prop("src", "/images/pulpit.jpg"))
$(this).prop("src", "smiley.gif");
else if ($(this).prop("src", "smiley.gif"))
$(this).prop("src", "/images/pulpit.jpg");
});
</script>