Javascript 单击即可更改元素内容

尝试创建更改内容的菜单系统

更简单的二级菜单，保持二级菜单不变，但仍会断开主菜单：

您可以看到前两个选项卡很好，但是“订单”和“替换过滤器”没有内容

---

两个滑动系统要显示内容，辅助滑动内容菜单嵌套在主系统Li中，这将分解两个系统：

我刚做了三把小提琴，所以你可以看到我在做什么：

首先，单击span后，这里是一个幻灯片li元素

单击跨度后的第二个滑动位置元素：

他们都很好。现在将第二张幻灯片放入第一张幻灯片中的一张幻灯片中（现在已分解）：

SCRPIT

//Slide Content
var TabbedContent = {
    current: {i:null, obj:null},
    init: function() {
        $(".tab_item").click(function() {
                $(".tab_item").removeClass("tab_item_color");
    $(this).addClass("tab_item_color");
            var $this = $(this);
            TabbedContent.slideContent($this);
        });
        TabbedContent.current.i = 0;
        TabbedContent.current.obj = $(".tabslider li").eq(0);
    },
    slideContent: function($obj) {
        var $container = $obj.closest(".tabbed_content"),        
            $contentContainer = $('.bodymainMaxS'),
            $tabslider = $contentContainer.find(".tabslider");
        var i = $obj.index() - 1;
        var $lis = $tabslider.find("li");
        $new = $lis.eq(i);
        if(i === TabbedContent.current.i) {
            return;
        }
        $lis.hide().filter($new.add(TabbedContent.current.obj)).show();
        var margin_1 = (i > TabbedContent.current.i) ? 0 : -$new.width();
        var margin_2 = (i < TabbedContent.current.i) ? 0 : -$new.width();
        $tabslider.stop().css({
            marginLeft: margin_1 + "px"
        }).animate({
            marginLeft: margin_2 + "px"
        }, 400);
        TabbedContent.current.i = i;
        TabbedContent.current.obj = $new;
    }
}
TabbedContent.init();

    $(".tab_item2").click(function() {
    $(".tab_item2").removeClass("tab_item_color2");
    $(this).addClass("tab_item_color2");
 $(".tabslider2 li").hide().eq($(this).index(".tab_item2")).show(); });

//幻灯片内容
var TabbedContent={
当前：{i:null，obj:null}，
init:function（）{
$（“.tab_项”）。单击（函数（）{
$（.tab_item”）.removeClass（“tab_item_color”）；
$（this）.addClass（“选项卡项颜色”）；
var$this=$（this）；
TabbedContent.slideContent（$this）；
});
TabbedContent.current.i=0；
TabbedContent.current.obj=$（“.tabslider li”）.eq（0）；
},
slideContent:函数（$obj）{
var$container=$obj.closest（“.tabbed_内容”），
$contentContainer=$（'.bodymainMaxS'），
$tabslider=$contentContainer.find（“.tabslider”）；
变量i=$obj.index（）-1；
var$lis=$tabslider.find（“li”）；
$new=$lis.eq（i）；
if（i==TabbedContent.current.i）{
返回；
}
$lis.hide（）.filter（$new.add（TabbedContent.current.obj））.show（）；
var margin_1=（i>TabbedContent.current.i）？0:-$new.width（）；
var margin_2=（i

是等式和索引在两者之间冲突吗？是等式和索引在两者之间冲突吗？