问题描述
有我的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:
Javascript:
$( "#the-game input" ).click(function() {
$(this).parent().parent().parent().next('.guesses').slideToggle(360, 'swing');
});
就像我说的那样,有两个输入未指定调用slideToggle的输入,有两个可以做到这一点,但是我想要:
Like i said, Have two inputs im not specifying the input that calls slideToggle, and have two that can do it, but i want:
当用户单击一个输入时,它会切换div,但是当单击另一个实例但又没有切换的输入(在一定时间之前)时,如果用户花了很多时间,可以使用另一个输入进行切换.
When a user click on an input its toggle the div, but when click on the other input that inst clicked yet no toggle (before a time), if its takes alot of time its can toggle using the other input.
推荐答案
我发现很难收集您想要实现的目标?首先,您的选择器需要更改以选择正确的元素:
I am finding it hard to gather what it is you are wanting to achieve? Firstly your selector needs changing to select the correct element:
$('#the-game input')
至$('.the-game input')
以下内容将对您的html输入元素进行切换:
The following will do a toggle on your html input element:
$(document).on('click', '.the-game input', function () {
$('.guesses').slideToggle(360, 'swing');
});
您能否在第二个输入字段附近提供有关您要执行的操作的更多信息?
Can you provide more information around the second input field about what you want to do around it?
这篇关于两个输入使用slideToggle进行同一个div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!