僅更換文本內的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 span tag conten與「後注」

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

當div(newdiv)秀則涵蓋內容「後注」，當div(prvnote)秀則涵蓋內容必須爲「查看上一頁注」 T替換

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); 
     }); 
    }); 

從斯里達爾R 2連，我想只顯示一個DIV理解在一次...