单击时切换div文本

Question

这是我的jQuery

jQuery(document).ready(function($) {
    $("#accordion").find(".accordion-toggle").click(function(){
        $(this).next().slideToggle("fast");
        $(".accordion-content").not($(this).next()).slideUp("fast");
    });
});

这是我的HTML

<div id="accordion">
    <header class="accordion-toggle">
         <h2>Accordion Title <span id="accordionIcon">?</span></h2>
    </header>
    <section class="entry accordion-content">
        <p>Accordion Content</p>
    </section>
</div>

每当accordion-toggle点击一个新的时候accordionIcon,我需要将旧的更改为相反的箭头,而新的也需要更改.我已经尝试过使用$(".accordion-content").not($(this).next()).parent().find('#accordionIcon')但它无法找到正确的元素

Answer 1

这是一个小提琴.这是你想要的？

这是我添加的代码.

if($(this).find("span#accordionIcon").text()=="?"){
    $(this).find("span#accordionIcon").text("?");
}
else{
    $(this).find("span#accordionIcon").text("?");
}