JQuery Faq не переключается внутри стола?

Question

Я вставил этот скрипт: Как вы могли бы сказать, я пытаюсь сделать отображение ячейки ответа нажатием кнопки вопроса. Имейте в виду, что у меня есть список этих вопросов и ответов. Это не работает.

jQuery(".qs").click(function() { 
 
$(this).next(".ans").toggle(); 
 
});

.ans { display: none; }

<div data-foldup="yes" class="bg_faq_content_section"> 
 
<h4>App fundamentals</h4> 
 
<div class="questions"> 
 
<table class="faqs" style="width:100%"> 
 
<tr> 
 
<td class="qs"><a>1. How does LenDen Work?</a></td> 
 
<td class="ans">Answer</td> 
 
</tr> 
 
<tr> 
 
<td class="qs"><a>2. Different modes of transaction?</a></td> 
 
<td class="ans">Answer</td> 
 
</tr> 
 
<tr> 
 
<td class="qs"><a>3. Reliability of donate option?</a></td> 
 
<td class="ans">Answer</td> 
 
</tr> 
 
<tr> 
 
<td class="qs"><a>4. What you can sell?</a></td> 
 
<td class="ans">Answer</td> 
 
</tr> 
 
<tr> 
 
<td class="qs"><a>5. What you can&#8217;t sell?</a></td> 
 
<td class="ans">Answer</td> 
 
</tr> 
 
<tr> 
 
<td class="qs"><a>6. How to disable your account?</a></td> 
 
<td class="ans">Answer</td> 
 
</tr> 
 
</table> 
 
</div> 
 
</div>

Answer 1

Вы должны использовать .siblings():

jQuery(".qs").click(function() { 
 
    $(this).siblings(".ans").toggle(); 
 
});

.ans { display: none; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="faqs" style="width:100%"> 
 
<tr> 
 
<td class="qs"><a>1. Question?</a></td> 
 
<td class="ans">Answer</td> 
 
</tr> 
 
</table>

Answer 2

jQuery(".qs").click(function() { 
 
$(this).next(".ans").toggle(); 
 
});

.ans { display: none; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<table class="faqs" style="width:100%"> 
 
<tr> 
 
<td class="qs"><a>1. Question?</a></td> 
 
<td class="ans">Answer</td> 
 
</tr> 
 
</table>

Вы забыли включить библиотеку jQuery, поэтому она не работает. Я добавил ее в код. Теперь вы можете проверить код в рабочем состоянии.

Answer 3

просто просто позвоните .next():

> jQuery(".qs").click(function() { 
$(this).next().toggle(); 
});