jQuery翻牌子抽奖效果（已知结果）

描述：在八个紫色背景中随机点击一个，将抽中的礼物插入数组（另外七个礼物）中，
点击的位置翻转，展示礼物，
1s后其他七个翻转，剩余的七个礼物会按顺序填满其他七个位置
（样式参考来源：https://www.likecs.com/show-459057.html）

效果图：点击前——

 点击后——

 html部分：

<div class="exchange_result_bg" id="brand_result_pop">
    <div class="brand_pop popIn">
        <div class="brand_div clearfix brand_div1" id="brand_div">
            <!-- 牌子数据 -->
        </div>
    </div>
</div>

js部分：

    $(function(){
        var gifts = [
            {"giftId": 1, "url": "","name": "礼物1", "price": 10}, 
            {"giftId": 2, "url": "","name": "礼物2", "price": 20}, 
            {"giftId": 3, "url": "","name": "礼物3", "price": 30}, 
            {"giftId": 4, "url": "","name": "礼物4", "price": 40}, 
            {"giftId": 5, "url": "","name": "礼物5", "price": 50}, 
            {"giftId": 6, "url": "","name": "礼物6", "price": 60}, 
            {"giftId": 7, "url": "","name": "礼物7", "price": 70}, 
            {"giftId": 8, "url": "","name": "礼物8", "price": 80}, 
        ]
        var myMoLiGifts