JQuery变量获取对象ID，其中等值设置在另一个未评估的变量中

Question

<script type="text/javascript">

            $(".RecentFeedToogle .Tab").click(function(e){

                width = $(this).attr('id');
                RecentBananzaNews = '164px';
                RecentRaffles = '112px';
                RecentArticles = '114px';
                RecentForumDiscussions = '109px';
                RecentCharitableNews = '182px';
                if ($(this).width() === 44) {

                    $(".RecentFeedToogle .Tab.Active").animate({width:'44px'},500);
                    $(".RecentFeedToogle .Tab").removeClass('Active');
                    $(this).animate({width: width },500);
                    $(this).addClass('Active');
                };
            });
</script>

我的脚本中的

$(this).animate({width: width },500); width : width，'width'变量返回被点击对象的ID而不是附加变量值。

HTML就像这样：

<!-- Recent Feed Starts -->
            <div class="RecentFeed">

                <!-- Switch Feed Starts -->
                <div class="RecentFeedToogle">
                    <div class="Tab Active" id="RecentBananzaNews">
                        <div class="Icon"></div>
                        <div class="Title">Bananza News</div>
                        <div class="Arrow"></div>
                    </div>

Answer 1

尝试以下代码，

<script type="text/javascript">
$(".RecentFeedToogle .Tab").click(function(e){
    var divwidth = '';
    if($(this).attr('id') == 'RecentBananzaNews'){
        divwidth = '164px';
    }
    if($(this).attr('id') == 'RecentRaffles'){
        divwidth = '112px';
    }
    if($(this).attr('id') == 'RecentArticles'){
        divwidth = '114px';
    }
    if($(this).attr('id') == 'RecentForumDiscussions'){
        divwidth = '109px';
    }
    if($(this).attr('id') == 'RecentCharitableNews'){
        divwidth = '182px';
    }
    if ($(this).width() === 44) {
        $(".RecentFeedToogle .Tab.Active").animate({width:'44px'},500);
        $(".RecentFeedToogle .Tab").removeClass('Active');
        $(this).animate({width: divwidth },500);
        $(this).addClass('Active');
    }
});
</script>