Question

有我的HTML代码：

 <div class="the-game" id="3">
    <div class="center">
    <input type="text" id="team_1" class="field">
    <span> X </span>
    <input type="text" id="team_2" class="field">
    </div>
    <input type="text" style="display:block;" maxlength="2" class="multi" value="1" id="number_times">
    <a href="#" class="action">GO</a>

<a href="#" id="show_guesses">show guesses</a>
<div class="guesses">
WHEN CLICK IN INPUT TOGGLE THIS DIV.
<ul>
<li>

    <input type="text" id="team_1" class="field" value="2">
    <span> X </span>
    <input type="text" id="team_2" class="field" value="3">
    </div>
</li>
</ul>
</div>
</div>

使用Javascript：

$( "#the-game input" ).click(function() {


$(this).parent().parent().parent().next('.guesses').slideToggle(360, 'swing');


});

就像我说的，有两个输入我没有指定调用slideToggle的输入，并有两个可以做到这一点，但我想：

当用户点击一个输入时，它会切换div，但是当点击另一个输入时，那个inst点击但没有切换（在一段时间之前），如果它需要很多时间，它可以使用另一个输入切换。

Answer 1

我发现很难收集到你想要实现的目标？首先，您的选择器需要更改以选择正确的元素：

$('#the-game input')至$('.the-game input')

以下内容将对您的html输入元素进行切换：

$(document).on('click', '.the-game input', function () {
    $('.guesses').slideToggle(360, 'swing');
});

您是否可以围绕第二个输入字段提供有关您想要做什么的更多信息？

使用slideToggle为同一个div输入两个输入

1 个答案: