疑問，在jQuery的內容使用在我的網頁jQuery的內容移動移動

Question

Im和我的代碼是

$(document).ready(function() 
{ 
    //hide the all div except first one 
    $('.msg_body:not(:first)').hide(); 
    //when the anchor is clicked content gets faded 
    $("a.linkclass").click(function() 
    { 
     $('.msg_body').fadeOut("slow"); 
     $($(this).attr("href")).fadeIn("slow"); 
    }); 

}); 

有自動msg_body改變

我的HTML是任何possiblities：

<a href="#home" class="linkclass" >Home</a>&nbsp;&nbsp; 
<a href="#about_us" class="linkclass" >About Us</a>&nbsp;&nbsp; 
<a href="#service" class="linkclass" >Services</a> 
<div class="container"> 
<div id="home" class="msg_body"> <b>Home</b><br /> lorem ipsum dolor sit amet, consectetuer adipiscing elit </div> 
<div id="about_us" class="msg_body"> <b>About US</b><br /> lorem ipsum dolor sit amet, consectetuer adipiscing elit </div> 
<div id="service" class="msg_body"> <b>Services </b><br /> lorem ipsum dolor sit amet, consectetuer adipiscing elit orem </div> </div> 

Answer 1

更新：

See the working demo here

代碼中使用：

$(document).ready(function() 
{ 
    //hide the all div except first one 
    $('.msg_body:not(:first)').hide(); 

    $('.msg_body').fadeOut("slow"); 
    $($('a.linkclass').attr("href")).fadeIn("slow"); 

    $("a.linkclass").click(function() 
    { 
     $('.msg_body').fadeOut("slow"); 
     $($(this).attr("href")).fadeIn("slow"); 
     return false; 
    }); 

}); 

---

沒有點擊該鏈接與您在您的評論說，你能做到這樣：

$(document).ready(function() 
{ 
    //hide the all div except first one 
    $('.msg_body:not(:first)').hide(); 

    $('.msg_body').fadeOut("slow"); 
    $($('a.linkclass').attr("href")).fadeIn("slow"); 

});