好吧，我觉得我错过了一些很简单的东西，但这里有：
这段代码工作得很好，正是我想要的方式。点击链接，下一个div就会出现（一个页面上大约有10个div）

$('a.addtask').click(function(){
      $(this).next('.field').slideToggle();
    return false;
    });

  <div class="field">
   Some content
  </div>

  <a href="#" class="addtask">Add a task</a>

  <div class="field" style="display:none;">
    some other content
  </div>

但是我想做的是像这样修改HTML（div中的链接）：

<div class="field">
   Some content
   <a href="#" class="addtask">Add a task</a>
  </div>

  <div class="field" style="display:none;">
    some other content
  </div>

现在已经不能正常工作了。
我需要在我的jquery中做些什么来使它工作？我已经在谷歌上搜索了一段时间了，在类似的帖子中有很多解决方案似乎都不起作用。