0

私はJQueryが初めてで、ページのすべてのDIVではなく、クリックされたDIVにのみ .toggle() メソッドを適用する方法を知りたいです。

誰でも私を助けることができますか？

PS: JQuery バージョン 1.4 で実装する必要があります

これは私のコードです：

<html>
<head>

<link rel="stylesheet" type="text/css" href="card.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript">
            $(function() {
                $('#toggle2').live("click", function() {
                    $('.toggle2').toggle();
                    return false;
                });
            });
</script>

</head>
<body>

<div class="card">
    <a href="#" id="toggle2">Switch Text Toggle</a><br />
    <p class="toggle2">FRONT 1</p>
    <p class="toggle2" style="display:none;">BACK 1</p>
</div>

<div class="card">
    <a href="#" id="toggle2">Switch Text Toggle</a><br />
    <p class="toggle2">FRONT 2</p>
    <p class="toggle2" style="display:none;">BACK 2</p>
</div>

</body>

前もって感謝します！

4

1 に答える 1

2 
$(function() {
    $('#toggle2').live("click", function() {
        $(this).parent().find('.toggle2').toggle();
        return false;
    });
});

ID は一意であり、これはおそらく が最初に出現したときにのみ機能する#toggleため、そこでもクラスを使用する必要があります。

フィドル

于 2013-03-04T03:43:33.543 に答える