Javascript 对同一div使用滑动切换的两个输入

这是我的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>

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

---

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

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

$'游戏输入'到$'。游戏输入'

下面将对html输入元素进行切换：

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

---

你能提供关于第二个输入字段的更多信息吗？这两个输入都可以调整我的div，所以如果我在第一个字段中输入任何值，我的div就会显示出来，如果我点击第二个输入并输入一个值，我的div就会关闭……这两个输入都是相同的，我可以在任何时候再次切换？比如每4秒一次切换？你是说这样的吗@pete是的，但是当点击inst点击的第二个输入时，它不应该切换，只是在一段时间后切换，否则div将跳舞…希望你理解。

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