点击左侧导航，右侧面板内容应显示

Question

我正在使用这个左侧导航，为此点击左侧导航我需要显示右侧面板内容，为此我写下了Jquery代码但没有运气，可以任何1建议我什么是显示正确内容的最佳方式。

https://bootsnipp.com/snippets/Zkezz

("ul#main_tabs li").click(function(e){
                        if (!$(this).hasClass("selected")) {
                            var tabNum = $(this).index();
                            var nthChild = tabNum+1;
                            $("ul#main_tabs li.selected").removeClass("selected");
                            $(this).addClass("selected");
                            $("ul#Contenttab1 li.selected").removeClass("selected");
                            $("ul#Contenttab1 li:nth-child("+nthChild+")").addClass("selected");
                        }
                    });

你的参考图像，需要这种输出。

enter image description here