Question

有人可以指出为什么这不起作用？我试图在Container Div中单击Div A，然后单击，转到父容器，找到下一个Div B，并切换其可见性。

注意：我这样做的原因是我不想用“child”类显示所有div。父div之后只有下一个。

http://jsfiddle.net/vecalciskay/54HxU/5/

HTML：

<div class="container">
<div class="parent"> 

    <span> Parent Text (click) </span>

</div>
<div class="child">
    <table>
        <tr>
            <td>
                This
            </td>
            <td>
                Table
            </td>                
        </tr>
        <tr>
            <td>
                Should 
            </td>
            <td>
                Expand
            </td>                
        </tr>            
    </table>
</div>

    <div class="parent"> 

    <span> Parent 2 (don't click) </span>

</div>
<div class="child">
    <table>
        <tr>
            <td>
                This
            </td>
            <td>
                Table
            </td>                
        </tr>
        <tr>
            <td>
                Should Not 
            </td>
            <td>
                Expand
            </td>                
        </tr>            
    </table>
</div>

JQUERY：

$(document).ready(function () {
        $('.child').hide();

        $('.parent').click(function () {

            var obj = $(this).parent().next(".child");
            obj.toggle("fast");

            return false;
        });
 });

Answer 1

感谢所有评论，我意识到我误解了兄弟姐妹。问题解决了！

尝试在点击时扩展兄弟div元素

1 个答案: