Javascript 在

我正在尝试创建一个函数，如果选择，它将切换可选输入，以下是我迄今为止所做的工作：

HTML:

因此，它的工作方式应该是单击时。输入切换它旁边的div将被切换，如果再次单击，div将消失。。。我得到了这一点的工作，然而，我也想切换选项关闭，我不能让它工作。。。我不知道我构建函数的方式是否正确

给你：

试试看

---

你不需要。在一个链的末端结束。谢谢你发布这个！真是太棒了！谢谢，我会在限期后接受答案。Ta：成为一个值得信任的用户需要再重复200次：@AmitJoki-Yeah。。等待恭喜你，达到这一点需要努力和知识@RajaprabhuAravindasamy@RajaprabhuAravindasamy：没问题……下班后喝杯啤酒……干杯

<div>
    <input>
    <a class="input-toggle" href="#"><span>Toggle Option</span><span>Close</span></a>
    <div class="input-toggle-content">
        <input name="">
    </div>
</div>

$('.input-toggle').each(function() {
    $(this).next("div").hide().end();
    $("span:last-of-type").hide();
    $(this).on('click', function() {
        $(this).next("div").slideToggle();
        $("span:first-of-type").hide();
        $("span:last-of-type").show();
    });
});

$('.input-toggle').each(function() {
    $(this).next("div").hide().end();
    $("span:last-of-type").hide();
    $(this).on('click', function() {
        $(this).next("div").slideToggle();
        if($("span:first").is(':hidden')){
            $("span:first").show();
            $("span:last").hide();
        }
        else{
            $("span:first").hide();
            $("span:last").show();
            }
    });
});

$('.input-toggle + div.input-toggle-content').hide();
$(".input-toggle span:last-of-type").hide();

$('.input-toggle').click(function () {
    $(this).next('div.input-toggle-content').toggle();
    var spans = $('span', this);
    spans.not(spans.filter(':visible').hide()).show();
});