疑问，在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"); 

});