如何隱藏默認HTML頁面的具體內容由winJS.UI

Question

我想告訴我的HTML頁面上默認的內容1，但是當我點擊H2，它會顯示內容2 如果我對H1再次點擊它會隱藏內容2和內容展示1.我想這個隱藏

$(function() { 
    $("#content2").hide(); 
}); 

，但是當我點擊它H2顯示nothing.I使用此代碼

h1.onclick = function() { 
      WinJS.UI.Animation.exitContent(content2 , { top: "0px", left: "350px" }) 
       .then(function() { return WinJS.Promise.timeout(200); }) 
       .done(function() { WinJS.UI.Animation.enterContent(content1, { top: "0px", left: "350px" }); 
h2.onclick = function() { 
      WinJS.UI.Animation.exitContent(content1, { top: "0px", left: "350px" }) 
      .then(function() { return WinJS.Promise.timeout(1000); }) 
       .done(function() { WinJS.UI.Animation.enterContent(content1, { top: "0px", left: "350px" }); }); 
     }; 

Answer 1

在這個看一看，看看是否有幫助... h1（content1在我的代碼中）顯示爲可見，當您點擊它時，「它消失」和content2出現

HTML

<div id="content1"> 
    <p>This is content 1</p> 
</div> 
<div id="content2"> 
    <p>This is content 2</p> 
</div> 

的Javascript

content2.style.opacity = "0"; 

content1.onclick = function() { 
    WinJS.UI.Animation.exitContent(content1, { top: "0px", left: "350px" }).then(
     function() { 
      return WinJS.Promise.timeout(200); 
     }) 
     .done(function() { 
      WinJS.UI.Animation.enterContent(content2, { top: "0px", left: "350px" }); 
     }) 
} 

content2.onclick = function() { 
    WinJS.UI.Animation.exitContent(content2, { top: "0px", left: "350px" }).then(
     function() { 
      return WinJS.Promise.timeout(200); 
     }) 
     .done(function() { 
      WinJS.UI.Animation.enterContent(content1, { top: "0px", left: "350px" }); 
     }); 
};