选项卡

[javascript]代码库

<div class="option">
            <div class="option_t">
                <a href="javascript:;" class="option_bottom">活动规则</a>
                <a href="javascript:;">领取方式</a>
                <div class="clear"></div>
            </div>
            <div class="option_text">
                <div class="mar_t mar_text">
                    1
                </div>
                <div class="mar_t">
                    2
                </div>
            </div>
        </div>


<script type="text/javascript">
    $(document).ready(function() {
        var $div_li = $(".option_t a");
        $div_li.click(function() {
            $(this).addClass('option_bottom').siblings().removeClass('option_bottom');
            var index = $(".option_t a").index(this);
            $('.option_text div.mar_t').eq(index).addClass('mar_text').siblings().removeClass('mar_text');
        });
    });
    </script>