ฉันกำลังพยายามเปลี่ยนรูปภาพโดยใช้คำสั่งแทนที่เมื่อสลับโดยใช้ jquery.. โดยพื้นฐานแล้วจะแสดงลูกศรลงซึ่งจะกลายเป็นลูกศรขึ้นหลังจากเปิดเผยเนื้อหา รหัสต่อไปนี้ใช้งานได้ยกเว้นลูกศรลงไม่ได้ถูกแทนที่
<img src="/images/arrow_down.png" id="#1" class="nav-toggle">
<div id="1" style="display:none">some content</div>
และนี่คือรหัส jquery
jQuery('document').ready(function($) {
jQuery('.nav-toggle').click(function() {
var collapse_content_selector = $(this).attr('id');
var toggle_switch = $(this);
$(collapse_content_selector).toggle(function() {
if ($(this).css('display') == 'none') {
} else {
toggle_switch.attr("src").replace("down", "up");
}
});
});
});