Javascript 滑动切换不适用于多个div

我的php在一个循环中吐出我所有的车，因此每辆车都得到相同的div id和类，但信息不同 我的问题是，我的插件只适用于第一个相同的div 那是因为它们的名字都一样

如何使此函数智能化，以知道应该隐藏或显示哪个div内容

看看我的例子

html，有很多这样的，都有相同的名字，这就是我的切换按钮失败的原因

<a class="show_hide" href="#" rel="#slidingDiv">View</a>
            <div id="slidingDiv" class="toggleDiv" style="display: none;">
            <div class="right">
</div>
</div>

注意，我不能更新我的php循环，所以我真的需要找到一种方法让jquery知道它使用的是哪个div，即使它们都有相同的div id？我可以让php做一个不断增加的数字，并将其附加到类中，然后在jquery端？？看，这就是我被卡住的地方

---

我不知道如何动态执行此操作

对于

slidingDiv

元素，您有重复的ID<元素的代码>id在文档中必须是唯一的

从医生处

指定其元素的唯一标识符（ID）。该值在元素的所有ID中必须是唯一的，并且必须至少包含一个字符。该值不能包含任何值

---

演示：

等等，我要告诉php让每个div的编号不同，我很抱歉我说了，我很无礼，现在我意识到了帮助的意义对不起，BRBit工作得很好：）如果它很酷，我的div成功地扩展了，但它将底部的整行向下推，我如何使这个div显示在其他div之上，所以它不会推到最后一排？

<a class="show_hide" href="#" rel="#slidingDiv">View</a>
            <div id="slidingDiv" class="toggleDiv" style="display: none;">
            <div class="right">
</div>
</div>

<!-- DIV 1-->
<a class="show_hide" href="#" rel="#slidingDiv1">View</a>
<div id="slidingDiv1" class="toggleDiv" style="display: none;">
    <div class="right">
        DIV 1

    </div>
</div>
<!-- DIV 2-->
<a class="show_hide" href="#" rel="#slidingDiv2">View</a>
<div id="slidingDiv2" class="toggleDiv" style="display: none;">
    <div class="right">
        DIV 2

    </div>
</div>
<!-- DIV 3-->
<a class="show_hide" href="#" rel="#slidingDiv3">View</a>
<div id="slidingDiv3" class="toggleDiv" style="display: none;">
    <div class="right">
        DIV 3

    </div>
</div>

$('.toggleDiv:visible').slideUp(options.speed, options.easing);