仅替换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内容时，将显示

以及以上的span标记内容替换为＆＃34; Post Note＆＃34;

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

当div(newdiv)显示然后跨度内容＆＃34; Post Note＆＃34;当div(prvnote)显示时，span内容必须为＆＃34;查看上一个注释＆＃34;

3 个答案:

答案 0 :(得分：0)

试试这个

$(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

答案 1 :(得分：0)

HTML

 <div id="newdiv" style="display:none"><form>......</form></div>
 <div id="prvnote"style="display:none"><form>......</form></div>
 <div id="regclass"><span>View Previous Note</span></div>

Jquery的

$('#regclass').click(function () {
alert("Hi");
$("#regclass span").html("").append("POST NOW");
$('#prvnote').css({"display":"block"});
$('#newdiv').css({"display":"block"});

});

在这里检查小提琴手

http://jsfiddle.net/ShekharPankaj/3htMG/

答案 2 :(得分：0)

尝试this：

   $(document).ready(function () {
       $('#prvnote').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);
       });
   });

取自Sridhar R，我知道你想一次只显示一个div ......

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

Answer 2

HTML

 <div id="newdiv" style="display:none"><form>......</form></div>
 <div id="prvnote"style="display:none"><form>......</form></div>
 <div id="regclass"><span>View Previous Note</span></div>

Jquery的

$('#regclass').click(function () {
alert("Hi");
$("#regclass span").html("").append("POST NOW");
$('#prvnote').css({"display":"block"});
$('#newdiv').css({"display":"block"});

});

在这里检查小提琴手

http://jsfiddle.net/ShekharPankaj/3htMG/

Answer 3

尝试this：

   $(document).ready(function () {
       $('#prvnote').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);
       });
   });

取自Sridhar R，我知道你想一次只显示一个div ......