Javascript 更改列表后更改类

我有一个双重列表，其中数据正在从JSON文件打印

ulli

模式。您可以将任何

li

移动到任何侧列表。我陷入了困境

我想启用一个属性，使右侧列表中的

标记内容仅在

中获得

显示：block

，而不是左侧的

。我尝试过不同的JS代码，但它们对我不起作用

$（'.content'）.hide（）；
$（'.listelement'）。在（'click'，function（）上{
如果（！（$（this）.children（'.content'）。是（':visible'））{
$（'.content'）.slideUp（）；
$（this）.children（'.content'）.slideDown（）；
}否则{
$（'.content'）.slideUp（）；
}
});
$（函数（）{
$（'body'）。在（'click'，'show'，function（）上{
css（“显示”、“块”）；
});
$（'body'）。在（'click'，'list group.list group item'，函数（）上{
$（this.toggleClass（'active'）；
});
$（'.listarrows按钮'）。单击（函数（）{
var$按钮=$（此），
活性=“”；
if（$button.hasClass（'move-left'））{
actives=$（'.list right ul li.active'）；
actives.clone（）.appendTo（'.list left ul'）；
actives.remove（）；
}else if（$button.hasClass（'move-right'））{
actives=$（'.list left ul li.active'）；
actives.clone（）.appendTo（'.list right ul'）；
actives.remove（）；
}
});
$（'[name=“SearchDualList”]'）。键控（函数（e）{
var代码=e.keyCode | | e.which；
如果（代码=='9'）返回；
if（code=='27'）$（this）.val（null）；
var$rows=$（this）.closest（'.dual-list'）.find（'.list-group-li'）；
var val=$.trim（$（this.val（））.replace（/+/g'，）.toLowerCase（）；
$rows.show（）.filter（函数（））{
var text=$（this.text（）.replace（/\s+/g'，）.toLowerCase（）；
return！~text.indexOf（val）；
}).hide（）；
});
});
$（函数（）{
var ctList=[]；
var ctRight=[]；
var$tBody=$（“#La”）；
var$rbody=$（“#手风琴”）；
$.getJSON（'https://api.myjson.com/bins/d6n2a，函数（数据）{
data.topic\u info.qt\u ct\u connection.map（值=>{
value.ct\u list.forEach（CTLIST=>{
$tBody.append（`li class=“list group item”id=“rl”>${CTLIST.ct}

${CTLIST.tts}，${CTLIST.topic_level}，${CTLIST.to__单独显示}，${CTLIST.check_查找几何体}

`）；
});
})
})
})

.ctList{
填充顶部：20px；
}
.ctList.dual list.list组{
边缘顶部：8px；
}
.ctList.list左李，
.右列李{
光标：指针；
}
.ctList.列表箭头{
填充顶部：100px；
}
.ctList.list箭头按钮{
边缘底部：20px；
}

添加CSS并从JS中的p标记中删除内联样式display none

$（'.content'）.hide（）；
$（'.listelement'）。在（'click'，function（）上{
如果（！（$（this）.children（'.content'）。是（':visible'））{
$（'.content'）.slideUp（）；
$（this）.children（'.content'）.slideDown（）；
}否则{
$（'.content'）.slideUp（）；
}
});
$（函数（）{
$（'body'）。在（'click'，'show'，function（）上{
css（“显示”、“块”）；
});
$（'body'）。在（'click'，'list group.list group item'，函数（）上{
$（this.toggleClass（'active'）；
});
$（'.listarrows按钮'）。单击（函数（）{
var$按钮=$（此），
活性=“”；
if（$button.hasClass（'move-left'））{
actives=$（'.list right ul li.active'）；
actives.clone（）.appendTo（'.list left ul'）；
actives.remove（）；
}else if（$button.hasClass（'move-right'））{
actives=$（'.list left ul li.active'）；
actives.clone（）.appendTo（'.list right ul'）；
actives.remove（）；
}
});
$（'[name=“SearchDualList”]'）。键控（函数（e）{
var代码=e.keyCode | | e.which；
如果（代码=='9'）返回；
if（code=='27'）$（this）.val（null）；
var$rows=$（this）.closest（'.dual-list'）.find（'.list-group-li'）；
var val=$.trim（$（this.val（））.replace（/+/g'，）.toLowerCase（）；
$rows.show（）.filter（函数（））{
var text=$（this.text（）.replace（/\s+/g'，）.toLowerCase（）；
return！~text.indexOf（val）；
}).hide（）；
});
});
$（函数（）{
var ctList=[]；
var ctRight=[]；
var$tBody=$（“#La”）；
var$rbody=$（“#手风琴”）；
$.getJSON（'https://api.myjson.com/bins/d6n2a，函数（数据）{
data.topic\u info.qt\u ct\u connection.map（值=>{
value.ct\u list.forEach（CTLIST=>{
$tBody.append（`li class=“list group item”id=“rl”>${CTLIST.ct}
${CTLIST.tts}，${CTLIST.topic_level}，${CTLIST.to__单独显示}，${CTLIST.check_查找几何体}

`）；
});
})
})
})

.ctList{
填充顶部：20px；
}
.ctList.dual list.list组{
边缘顶部：8px；
}
.ctList.list左李，
.右列李{
光标：指针；
}
.ctList.列表箭头{
填充顶部：100px；
}
.ctList.list箭头按钮{
边缘底部：20px；
}
/********************************/
/********************************/
/********************************/
/*加上这个*/
.dual-list.list-l