Jquery 滑动切换和多个元素

我在一个简单的幻灯片切换中遇到了一些问题，我必须应用于多个

元素

例如：

<ul id="serv">
    <li id="01">Assistenza</li>
    <li id="02">Riparazione</li>
    <li id="03">Manutenzione</li>
    <li id="04">Rifacimento Macchina</li>
</ul>

<div id="box01"></div>
<div id="box02"></div>
<div id="box03"></div>
<div id="box04"></div>

Assistenza
里帕拉齐翁酒店
Manutenzione
马奇纳利法西门酒店

现在我只想当我点击01 box01 shows，02 box02 shows。。等 所以

$（'#01'）。单击（函数（）{
$（'#box01'）。滑动切换（）
})

在这种情况下，我应该对每个id重复此操作。。如果我有很多元素？有没有办法简化这个过程，让我“少写多做”

非常感谢您的宝贵帮助。

试试这个：

$('li').click(function() {
    $('#box'+$(this).attr('id')).slideToggle()
})

---

脚本中有错误#01替换.slidetoggle和#box01.box01。。我不能修改这篇文章。只是另一个问题。。如果我想在另一个框打开时排除要打开的其他li，那么您需要添加一行以首先关闭所有li。看我编辑过的答案。我说得很糟。。很抱歉不是李而是盒子。。如果我单击li 01，则会显示box01。。但如果我点击li 02，box02会出现在box01的下方，并且不会向上滑动。我的意思是盒子之间的简单排除。又来了

$('li').click(function() {
    $('#box'+$(this).attr('id')).slideToggle()
})

<ul id="serv">
    <li class="toggler" id="01">Assistenza</li>
    <li class="toggler" id="02">Riparazione</li>
    <li class="toggler" id="03">Manutenzione</li>
    <li class="toggler" id="04">Rifacimento Macchina</li>
</ul>

$('.toggler').click(function() {
    $('#box' + $(this).attr('id')).slideToggle()
}

$('.toggler').click(function() {
    $('li').slideUp();
    $('#box' + $(this).attr('id')).slideToggle()
}