jquery手写tab选项卡功能

　　　　　　　　　　<script>
                    $(function() {
                        $('.sa_p').click(
                            function() {
                                var i = $(this).index(); //定义一个变量 i 为点击列表项可获得其相对于同胞元素的 index 位置　　　　　　　
                                $(this).parent().siblings('div').hide();
                                if(i == 0) {
                                    $(this).parent().siblings('.about-5-1').show();
                                    $(this).addClass("active9").siblings().removeClass("active9");
                                }
                                if(i == 1) {
                                    $(this).parent().siblings('.about-5-2').show();
                                    $(this).addClass("active9").siblings().removeClass("active9");
                                }
                                if(i == 2) {
                                    $(this).parent().siblings('.about-5-3').show();
                                    $(this).addClass("active9").siblings().removeClass("active9");
                                }
                                
                            }
                        )
                    })
                </script>

标签：jquery,选项卡,parent,show,removeClass,active9,tab,siblings,addClass
来源： https://www.cnblogs.com/shandayuan/p/12206147.html