Как показать несколько входов, используя jquery - PullRequest
Новая
       14

Как показать несколько входов, используя jquery

0 голосов
/ 28 октября 2010

У меня есть форма, в которой пользователь может выбрать более одной опции. В настоящее время я показываю одно поле ввода и скрываю оставшиеся 4 поля ввода для этой опции.

Ранее я использовал ссылку под каждым входом, чтобы отобразить следующий вход и ссылку. 

$(function(){ 
    $(".show").click(function () {
        $(this).parent().next("div").show();
        evenpreventDefault();
    });
});

Но я хочу использовать только одну ссылку, чтобы отобразить скрытые вводы один за другим (первый щелчок = первый скрытый ввод, второй щелчок = второй ввод ... так далее).

Возможно ли это в jquery, я ценю любую помощь.

Ответы [ 2 ]

0 голосов
/ 02 ноября 2010

.. это не будет работать с ошибками синтаксиса! 

$(".test").hide();
    $(".show").click(function (event) {       
        $(this).parent().siblings("div:not(:visible)").first().show();
        event.preventDefault();
});
0 голосов
/ 28 октября 2010

Я думаю, вы хотели показать 1 на 1, поэтому решение таково:

Working demo

HTML 

<div id="wrapper">
    <div>  
            <a href="#" class="show">Show</a>
    </div>
      <div class="test" id="1"><input type="text" value="1"/></div>
      <div class="test" id="2"><input type="text" value="1"/></div>
      <div class="test" id="3"><input type="text" value="1"/></div>
      <div class="test" id="4"><input type="text" value="1"/></div>
</div>

JQUERY 

$(".test").hide();
    $(".show").click(function () {       

        $(this).parent().siblings("div:not(:visible)").first().show();
        evenpreventDefault();
    });

Ссылка на шоу и скрытые ссылки должны иметь одного и того же родителя, поэтому, чтобы быть на одном уровне структуры, вы спрашиваете о братьях и сестрахкоторые видны, но только первый, и затем вы показываете это.

...