1

動的 ID を持つ 2 つのアンカー タグと 2 つの div があるとします。例：

<a id='a1' href="somepage">A1</a>& <a id='a2' href="somepage">A2</a>

と

<div id='d1' >Text1 </div> & <div id='d2' >Text2 </div>

最初は、すべての div が表示されていません。しかし、A1<a>タグを押すと div1 のみが表示され、A2<a>タグを押すと div2 のみが表示され、div1 は表示されません。

jQueryとPHPを使用してこれを実装するにはどうすればよいですか?

4

7 に答える 7

0

これを試して

$(document).ready(function(){
       $("#d1").hide();
       $("#d2").hide();
$("#a1").click(function () {
       $("#d1").show();
       $("#d2").hide();
});

$("#a2").click(function () {
       $("#d1").hide();
       $("#d2").show();
});
});
于 2013-05-02T11:47:05.143 に答える
0

最も簡単な方法は、共通<a>のものを与えることです。<div>このようにして、div がたくさんある場合、コードを何度も繰り返す必要はありません。

例えば

<a href='#' class='showdiv' data-div='1'>A1</a>
<a href='#' class='showdiv' data-div='2'>A2</a>
<!-- data-div shows what div the button should show -->

<div class='hidden' id='box1'>one</div>
<div class='hidden' id='box2'>two</div>

そして、jQuery

$('.showdiv').click(function(e){
    //e.preventDefault(); //prevent the # from url or any other default
    var divID = $(this).data('div'); //get the id number
    $('.hidden').hide(); // hide all div
    $('#box'+divID).show(); //show the one you selected
});

実際に見る

于 2013-05-02T11:49:54.540 に答える
0

Rajの答えのほかに、hideableが持っている「hideable」のようなcssクラスを追加/削除することもできます

display: none;

于 2013-05-02T11:50:41.187 に答える
0

まず、ハイパーリンクをクリックするとすべてのdivを非表示にし、関連するもののみを表示します

お気に入り

    $(document).ready(function(){
           $("#div").hide();
        });

    $("a1").click(function () {
           $("#div").hide();
            $("d1").show();
    });

    $("a2").click(function () {
           $("#div").hide();
           $("d2").show();
    });
于 2013-05-02T11:51:06.737 に答える