CSS/jQuery-如何使用toggle更改类的CSS

我创建了一个listview，单击后可以切换。toggle-post。中的div中有一个图标。图标是一个箭头，一旦切换listview，该箭头将变为另一个图标

   $('[data-postas]').click(function changeHeader(event){
        var element = $(event.srcElement);
        $('.toggle-post').text(element.text());
        $('#postAs').val(element.attr('data-postas'));
        if(element.attr('data-company')){
                $('#company').val(element.attr('data-company'));

        }

        $('.icon-cheack').remove();
        element.append('<i class="icon-cheack fright"></i>');
          setTimeout(function() {
        $(".ul-post").toggle();
        }, 500);
        $('#dropdownIcon').addClass('ui-icon-dropdown');
        })


$(".toggle-post").click(function(){
         $(".ul-post").toggle();


  });

 <fieldset style="display: inline" >
                <div style="display: inline">
                <div class="text-light" style="float: left" >Post as: </div>
                <div class="link toggle-post" style="float: right" >Yourself<span id="dropdownIcon" class="ui-icon-dropdown"></span></div>
                </div>
                %{--<div data-role="collapsible"  data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right">--}%
                    %{--<h3 id="listHeader">Yourself</h3>--}%
                    <ul class="ul-post" data-role="listview" data-inset="false" style="width: 240%; display:none">
                        <li data-postas="0">Yourself</li>
                        <g:if test="${companyList?.size() > 1}">
                            <li style="background-color: #CCCCCC">As your company</li>
                            <g:each var="company" in="${companyList}">
                                <li data-postas="1" value="${company?.id}" id="${company?.companyname}" data-company="${company?.id}">${company?.companyname}</li>
                            </g:each>
                         </g:if>
                        <g:else>
                            <input type="hidden" value="${companyList[0].id}" name="company"/>
                        </g:else>

                    </ul>

            </fieldset>

根据jQuery文档，切换将：

显示或隐藏匹配的元素

所以，基本上，toggle对于类来说是错误的方法。你需要改用

根据您的编辑：

---

然后你可以打开和关闭someClass类，然后ta da

但是，如何将每次替换为第二个图标？加上在我编辑问题的第一个切换案例中应该如何做？

$(".toggle-post").click(function(){
    $(".ul-post").toggleClass( "someClass" );
});

#myIcon {
    background: url("some/url/icon.png") no-repeat;
}
#myIcon.someClass {
    background: url("some/different/url/icon.png") no-repeat;
}