0

JQueryで小さな関数を作成しました。少し時間がかかりましたが、そこに到達しました。リンクをクリックすると、ドロップダウンが表示されます。ただし、リンクをクリックしてドロップダウンを表示する必要がありますが、もう一度クリックすると、最大または4まで同じドロップダウンが必要になります。

今、私はこれに少し立ち往生しています、これは私がどこまで得たかです。

HTML：

<a class="toggle" href="#">Add another Location</a>

より多くの場所のドロップダウンボックスを挿入</p>

JQuery：

$(function() {
    $("a.toggle").click(function(e) {
        $(this).next().toggle();
        e.preventDefault();
    });
});​

CSS：

.toggleDiv { display: none; }
.toggle { font: 14px black Tahoma; }

誰でも正しい方向を指すことができますか。私のJSFiddleはここにあります：

http://jsfiddle.net/Painstar/bkVNk/

ありがとう！

</ p>

4

1 に答える 1

0

私はあなたが送ったフィドルを私がそれをする方法で更新しました：

jQuery

var current = 1;
$(function() {
$("a.toggle").click(function(e) {
    if(current <= 4) {
      $("#moreLocations" + current).show();
    current += 1;
    }
e.preventDefault();
 });
});

HTML

<a class="toggle" href="#">Add another Location</a>
<div id="moreLocations1" class="toggleDiv">insert more locations dropdownbox</div>
<div id="moreLocations2" class="toggleDiv">insert more locations dropdownbox</div>
<div id="moreLocations3" class="toggleDiv">insert more locations dropdownbox</div>
<div id="moreLocations4" class="toggleDiv">insert more locations dropdownbox</div>

あなたが別々のアイテムとして4つの箱を持ちたいと仮定します。

.sibling()IDでを使用することもできますが、 ID'sがわかっている場合は、それで問題ありません。

于 2012-05-25T15:17:01.820 に答える