jQuery.click（）.toggle（）-更改显示和交换字符

以下是我的jQuery：

$('.ask').click(function() {
    $('.addtitle').slideToggle('fast', function() {
    // Animation complete.
    });
});

和我的HTML：

                            <p class="ask">+</p>
                                <div class="addtitle">
                                    <p>Give your Idea a great title</p>
                                    <form name="input" action="#" method="get">
                                        <input id="title" type="text" name="title" />
                                        <input id="go" type="submit" value="Go" />
                                    </form> 
                                </div>

+
给你的想法一个好标题

我在页面上有多个.ask div，我只希望它影响名为.ask的.next（）div，而不是所有名为.ask的div

我还希望.toggle（）将“+”字符切换为“-”

有人可以帮忙吗？

您可以使用以下方法：

$('.ask').click(function() {
  var $this = $(this);

  $this.find('.addtitle').slideToggle('fast', function() {
     // Animation complete.
     if($this.text() === '-')
        $this.text('+');
     else
        $this.text('-');
  });
});

$('.ask').toggle(function() {
  $(this).text('-').next('.addtitle').slideDown('fast');
}, function() {
  $(this).text('+').next('.addtitle').slideUp('fast');
});

---

如果下一个同级项与选择器匹配，则获取下一个同级项，如果两者之间可能存在某种差异，则在每个

单击
事件上提供的函数之间循环使用，这样每次单击它都会交换文本并适当滑动。
查看标记
.addtitle
不是
.ask
的孩子，所以这不会有任何效果：）