javascript - 仅替换 div 内的文本并使用 jquery 切换不同的 div 内容

Question

下面显示jquery代码

       $(document).ready(function () {
                    $('#prvnote').hide();
      $('#regclass').click(function () {
                     $('#prvnote').toggle(400);
                     $('#newdiv').toggle(400);

   });
 });

在下方显示 HTML 代码此 div 仅用作菜单

 <div id="regclass"><span>View Previous Note</span></div>

现在，当我点击上方的 div 内容时，下方的 div 将显示，上方的 span 标签内容替换为“Post Note”

 <div id="newdiv"><form>......</form></div>
 <div id="prvnote"><form>......</form></div>

当 div(newdiv) 显示时，跨度内容为“Post Note”，当 div(prvnote) 显示时，跨度内容必须为“View Previous Note”

Answer 1

试试这个

$(document).ready(function () {
           $('#prvnote,#newdiv').hide();
           $("#regclass").toggle(function () {
               $('#regclass span').text('Post Note');
               $('#prvnote').toggle(400);
               $('#newdiv').toggle(400);
           }, function () {
               $('#regclass span').text('View Previous Note');
               $('#prvnote').toggle(400);
               $('#newdiv').toggle(400);
           });
       });

DEMO