Javascript 显示所选id的问题

我在根据所选内容打开选项卡时遇到问题。在代码段中，您将看到4个框。如果你点击框1，我想在下面打开

#marketing1

，以此类推

我使用的方法是获取按钮选择的特定id（1,2,3,4框），然后声明一个变量来获取数字。然后将该编号添加到

#marketing

的id中，以显示相应的部分。我不确定我做错了什么。没有显示错误

Ps-我还试图将

.active

类添加到

#marketing service

中，以便在单击其中一个选择框时显示我的活动类（它在框下创建了一个向下箭头。我是否将

.active

错误地应用到

:before

和

:before

中

//使选项卡保持活动状态
$（“.marketing service”）。单击（函数（）{
$（'.marketing service.active'）.removeClass（'active'）；
$（this.toggleClass（'active'）；
//获取要显示的服务显示框
var item_number=$（this.attr（'id'）。replace（'marketing-tab'，''）；
/*$（'html，body'）。设置动画({
scrollTop:$（“#服务显示框”）.offset（）.top
}, 1500);*/
$（“#市场营销”+项目编号）.show（）.sides（“.marketing section wrap”）.hide（）；
})；

.marketing section wrap、.marketing section wrap main{
宽度：100%；
高度：自动；
填充：80px0；
边框底部：1px实心#ebebebeb；
}
.市场推广组{
显示：无；
}
#营销服务{
宽度：95%；
利润率：0.2.5%；
}
1.市场推广服务{
显示：内联块；
宽度：22%；
利润率：0.1%；
高度：400px；
背景：#f0；
位置：相对位置；
光标：指针；
}
.营销服务：第一个孩子{
左边距：0；
}
.营销服务：最后一个孩子{
右边距：0；
}
.营销服务：hover{
背景：rgba（0255170.4）；
z指数：1；
}
/*--框的向下箭头--*/
.营销服务：after.active.营销服务：before.active{
最高：100%；
左：50%；
边框：实心透明；
内容：“；
身高：0；
宽度：0；
位置：绝对位置；
}
.营销服务：售后服务{
边框宽度：0px；
左边距：0px；
边框颜色：rgba（136183213,0）；
右边框颜色：#88b7d5；
利润上限：-30px；
}
.营销服务：之前.主动{
边框颜色：#FFF；
边框顶部颜色：#88b7d5；
边框宽度：36px；
左边距：-36px；
边际上限：0；
}
.营销服务包装{
填充：10%；
宽度：80%；
}

1.
2.
3.
4.
1.
2.

非常简单，只需尝试

$（“#营销”+商品编号）。children（）.show（）

，因为

营销部分的包装是
显示：无；

首先运行此命令以隐藏所有营销部分包装

$('.marketing-section-wrap').hide();

然后，这将仅显示与此单击相对应的一个

$('#marketing'+item_number).children().show();

所以我创建了一个具有相同内容的浏览器。Chrome是“保护”我不想在SO的代码段中为任何有相同问题的人加载jQuery。@SunnyPatel谢谢！谢谢。但是，我如何通过单击另一个选项来隐藏兄弟姐妹呢？我尝试给
#marketing1
和
#marketing2
一类
。test
，并将行更改为
$（'#marketing'+项目编号）。children（）.show（）.sides（'.test'）.hide（）；
，但它没有帮助。我只是将类添加到我的主id，然后将
显示：无；
应用到该类，然后将同级调用也更改到该类。效果很好。感谢帮助。你知道我是否将
.active
错误应用到before/after？
。营销服务：after.active，.marketing-s服务：在之前。活动
我想当你点击特定的div时，你希望颜色出现在那里。我只想问另一个问题。谢谢你的帮助！不，你可以问我，我很乐意帮助你。我想你正在寻找这个