Javascript 组合jquery代码。仅显示当前一个隐藏另一个

我是jquery新手。我想做一个手风琴式的东西。我要一些a标签和一些div。如果单击第一个按钮，将显示第一个div的标记部分。其他div部分将被隐藏。在这里我是如何做到的，但我如何结合起来，使代码小而干净。谢谢

jQuery（函数（）{
jQuery（'.tab_link1'）。单击（函数（）{
jQuery（“#first#u tab.tab_main_cont1”）.slideToggle（）；
jQuery（“#first#u tab.tab_icon”）.toggleClass（“icon_rotate”）；
jQuery（“#second_tab.tab_main_cont1”）.hide（）；
jQuery（“#third_tab.tab_main_cont1”）.hide（）；
jQuery（“#fourth_tab.tab_main_cont1”）.hide（）；
jQuery（“#fifth_tab.tab_main_cont1”）.hide（）；
jQuery（“#sixth_tab.tab_main_cont1”）.hide（）；
jQuery（“#seventh_tab.tab_main_cont1”）.hide（）；
jQuery（“#第八个#tab.tab#main#cont1”）.hide（）；
jQuery（“#nineth_tab.tab_main_cont1”）.hide（）；
})
});





















一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
试试这个。您正在href中添加
target
元素。因此在目标元素中应用show事件。并隐藏所有其他元素使用此
jQuery（“.tab\u main\u cont1”）.hide（）


jQuery（函数（）{
jQuery（'a[class^=“tab_link”]”）。单击（函数（）{
jQuery（“.tab\u main\u cont1”）.hide（）；
jQuery（$（this.attr（'href'））.children（'.tab_main_cont1'）.slideDown（）；
})
});





















一些文本1
一些文本2
一些文本3
一些文本4
一些文本5
一些文本6
一些文本7
一些文本8
一些文本9
我需要显示父div，如“first\u tab”、“second\u tab”等。只需隐藏div的“tab\u main\u cont1”部分即可查看我的更新答案。请使用jquery的最新版本库或与
slideDown（）一起使用。