Question

我很难找到这个问题的单词，我偶然发现了。

嗯，我有一个链接（正常一个href）我想要做的就是点击我想要显示一个div，它有类.more。虽然我会在ul中有这个，所以我需要这个函数来处理几个链接，所有链接都在一个li中显示第二个div。更多。

这是HTML标记，我希望你理解我的问题。

谢谢！

<li>
<div class="less">
<h1>Title</h1>
<p>12:00 - 13:00</p>
<a class="show_more" href="">Show more</a>
</div>
<div class="more" id="more_">
<p class="text">text</p>
<p class="place">Room / <a href="" class="address">An address</a></p>
<a class="show_less" href="">Show less</a>
</div>
</li>

Answer 1

href不应该为空，因此您应该将#添加到href，然后定位锚点，找到.less元素，下一个.more元素将是要显示的那个点击.show_less按钮时，它将是您要隐藏的最接近的.more元素：

$('.show_more').on('click', function(e) {
    e.preventDefault();
    $(this).closest('.less').next('.more').show();
});

$('.show_less').on('click', function(e) {
    e.preventDefault();
    $(this).closest('.more').hide();
});

Answer 2

$wrapper.on('click', 'a.show_more', function (e) {
    e.preventDefault();
    $(this).closest('li').find('.more').show();
});

其中$wrapper是引用事物的包装元素的jQuery对象，例如在这种情况下的UL元素。

JQuery一个功能，用于几个按钮

2 个答案: