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

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 2

您需要使用.siblings()：

＆＃13;

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

＆＃13;

.ans { display: none; }

＆＃13;

<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>

＆＃13;

Answer 3

简单只需调用.next（）：

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

Jquery Faq没有在桌子内切换？

3 个答案: