jQuery＆＃34; .closest＆＃34;不起作用

Question

我最近对模板进行了一些调整。 它有这种FAQ部分，你点击一个问题，答案向下滑动/显示 -

不幸的是，这似乎破了。 所以我想我可以在footer.tpl中添加一些jquery。 这基本上有效 - 但仍需要一些调整。

我认为使用.closest()将是正确的选择，但是...... naaa：/ 如果我把它留下来，它会运行，但是每个li都会做出反应。 我应该使用什么，所以只有最近的＆＃34; li显示/隐藏？

＆＃13;

＆＃13;

$(document).ready(function(){
    $(".accordion_current").click(function(){
        $.closest(".accordion_content").slideToggle();
    });
});

＆＃13;

<ul class="list-accordion">
	<li>
	    <h3 class="accordion_current">Anfahrt & Messeplan</h3>
	    <ul class="accordion_content">
		<li>
		<p>test</p>
                </li>
            </ul>
	</li>
        <li>
	    <h3 class="accordion_current">Anfahrt & Messeplan</h3>
	    <ul class="accordion_content">
	        <li>
	        <p>test</p>
                </li>
	    </ul>
        </li>
</ul>	

＆＃13;

＆＃13;

＆＃13;

Answer 1

您不需要styleUrls: [ './../assets/scss/main.scss' ] ，您需要closest。使用next，你会找到元素的父母，但你想找一个兄弟姐妹。

请注意，您必须使用closest，而不仅仅是$(this)。

＆＃13;

＆＃13;

$

＆＃13;

$(function() {
    $(".accordion_current").click(function() {
        $(this).next(".accordion_content").slideToggle();
    });
});

＆＃13;

＆＃13;

＆＃13;