javascript - jQuery不同的div id显示/隐藏

Question

我不是编码员，仍在学习..

有 mysql 查询列出的 div 数量。 我需要一个 javascript 代码，可以根据单击的按钮显示 class="qform" div。

如果单击 button-1，则在同一 div 中显示类 qform 片段 (id="tour- 1")

我可以让第一个 div 工作，但我无法为每个可能数量的 div 输出复制代码。

我的问题有解决办法吗？

<script>
$(document).ready( function(){
    $("#button-1").click(function () {
    $(".qform").slideToggle("fast");
    $("#book-1.book" ).toggleClass( "book-off" );
}); });
</script>

<style>
    .qform {display:none;}
</style>

<div id="tour-1" class="tour">
    some text
    <div class="qform">Full name, email x2, tour name 1</div>
    <div id="book-1" class="book"><a id="button-1" href="JavaScript:void()">book now</a></div>
    some text
</div>
<div id="tour-2" class="tour">
    some text
    <div class="qform">Full name, email x2,tour name 2</div>
    <div id="book-2" class="book"><a id="button-2" href="JavaScript:void()">book now</a></div>
    some text
</div>
<div id="tour-3" class="tour">
some text
    <div class="qform">Full name, email x2, tour name 3</div>
    <div id="book-3" class="book"><a id="button-3" href="JavaScript:void()">book now</a></div>
    some text
</div>
<div id="tour-4" class="tour">
some text
    <div class="qform">Full name, email x2, tour name 4</div>
    <div id="book-4" class="book"><a id="button-4" href="JavaScript:void()">book now</a></div>
    some text
</div>

Answer 1

看看:http://jsfiddle.net/stackolee/VpgfK/2/

如果您为 anchor 标签指定一个类，则会更容易，因为只有在游览 div 中没有任何其他 anchor 时这才有效。

此外，停用 <a href="Javascript:void()">东西。从 jquery click 函数返回“false”具有相同的效果。