展开相应的点击次数

Question

如何通过单击button1而不是为它们提供单独的ID /类来扩展最近的对应ul.dropmenu？

html：

<ul class="mainlist">
            <li><img id="wall1.thumb" class="icon" src="/images/placeholder.jpg">
                <img class="button1 d1" src="/images/info.png">
                <ul class="dropmenu menu1">
                    <p id="wall1.info">
                       <div>File Size:</div>
                       <div>Upload Date:</div>
                       <div>Dimensions:</div>
                    </p>
                </ul>
            </li>
            <li><img id="wall2.thumb" class="icon" src="/images/placeholder.jpg">
                <img class="button1 d2" src="/images/info.png”>                    
                <ul class="dropmenu menu2">
                   <p id="wall2.info">
                      <div>File Size:</div>
                      <div>Upload Date:</div>
                      <div>Dimensions:</div>
                   </p>
                </ul>
           </li>
</ul>

jquery：

$(".d1").on("click", function () {
    $("ul.dropmenu.menu1").slideToggle("fast", "linear", function() {
    $("ul.dropmenu").not("ul.dropmenu.menu1").slideUp(200, "swing");
  })
})

$(".d2").on("click", function () {
    $("ul.dropmenu.menu2").slideToggle("fast", "linear", function() {
        $("ul.dropmenu").not("ul.dropmenu.menu2").slideUp(200, "swing");
  })
})

我已经在这里看到了建议的问题：open closest ul on click jQuery但是它不能解决我的问题，因为我正在尝试在ul内部的li中扩展ul，而不仅仅是在ul内部的li扩展

Answer 1

使用siblings()功能在您单击的按钮附近获得下拉菜单

Answer 2

Answer 3

使用.next()