您好我在博客博客中使用jQuery来分割我的内容。 它工作正常，但它总是在每一页上显示帖子的第一段，并且它没有隐藏第一段。
我跟着this link包含了我的jQuery。 这是我的blog-post
我的帖子中的“提示：1”段始终显示，而其他人则按我的意愿工作。 请告诉我这个问题，如果我遗失了什么。
编辑：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script style="text/javascript">
jQuery(document).ready(function(){
jQuery('.page1').click(function(){
jQuery('.content1').show();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
jQuery('.content5').hide();
jQuery('.content6').hide();
return false;
});
jQuery('.page2').click(function(){
jQuery('.content2').show();
jQuery('.content1').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
jQuery('.content5').hide();
jQuery('.content6').hide();
return false;
});
jQuery('.page3').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').show();
jQuery('.content4').hide();
jQuery('.content5').hide();
jQuery('.content6').hide();
return false;
});
jQuery('.page4').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').show();
jQuery('.content5').hide();
jQuery('.content6').hide();
return false;
});
jQuery('.page5').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
jQuery('.content5').show();
jQuery('.content6').hide();
return false;
});
jQuery('.page6').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
jQuery('.content5').hide();
jQuery('.content6').show();
return false;
});
});
</script>
<span class="content1">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">There
are many girls who do not leave house without doing makeup on their face, even
if it is to go to the nearest shop, while there are also some girls who
consider the makeup like a waste of time.
However, for special occasions, such girls also make use of makeup to
look cuter!</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Here in
this post I have mentioned some handy makeup tips which does not take your much
time.</span><br />
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;"><br /></span></div>
<h3 style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large; line-height: 115%;"> Tip:1 Use Correction Fluid Properly</span></h3>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-CDkciSOhSDs/VogDeWeDBBI/AAAAAAAAADA/zb0N9yA5Pic/s1600/Make%2Bup%2Btips.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="makeup tips" border="0" src="http://4.bp.blogspot.com/-CDkciSOhSDs/VogDeWeDBBI/AAAAAAAAADA/zb0N9yA5Pic/s1600/Make%2Bup%2Btips.jpg" title="" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-V2H0VE6kdwU/VogFWa8fXzI/AAAAAAAAADU/qeNNoVoF9Qo/s1600/eye%2Bmake%2Bup.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="correct eye makeup vs incorrect eye makeup" border="0" src="http://4.bp.blogspot.com/-V2H0VE6kdwU/VogFWa8fXzI/AAAAAAAAADU/qeNNoVoF9Qo/s1600/eye%2Bmake%2Bup.jpg" title="" /></a></div>
</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<br /></div>
</span>
<span class="content2" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Tip:2 Comb Your Eyebrows</span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">If you
do not have enough time for a full makeup, comb your eyebrows simply, it can
dramatically change your look.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-vLbbLkcppZM/VogF0m_NLgI/AAAAAAAAADc/q7AuFPN2MhQ/s1600/full%2Bmake%2Bup%2Btips.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="full makeup tips" border="0" src="http://4.bp.blogspot.com/-vLbbLkcppZM/VogF0m_NLgI/AAAAAAAAADc/q7AuFPN2MhQ/s1600/full%2Bmake%2Bup%2Btips.jpg" title="" /></a></div>
<br /></div>
</span>
<span class="content3" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="line-height: 115%;">Tip:3 </span><span style="line-height: 18.4px;">Use A Credit Card</span></span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use a
credit card or any other hard card to draw a straight line to trace the
"cat's eyes"</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Md5EUwViUWE/VogGWTTYBCI/AAAAAAAAADk/7Z6q8XtlyK8/s1600/use%2Beyeliner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="use credit card to draw straight line" border="0" src="http://2.bp.blogspot.com/-Md5EUwViUWE/VogGWTTYBCI/AAAAAAAAADk/7Z6q8XtlyK8/s1600/use%2Beyeliner.jpg" title="" /></a></div>
<br /></div>
</span>
<span class="content4" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-size: large;"><span style="font-family: "Georgia","serif"; line-height: 115%;">Tip:4 </span><span style="font-family: Georgia, serif; line-height: 18.4px;">Use Clear Pencil</span></span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use
clear pencil as a basis for intense color on your eyelids.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-eQqNha7Ul4s/VogGh0bCddI/AAAAAAAAADs/nHFFmXfQtFo/s1600/base.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="base" border="0" src="http://2.bp.blogspot.com/-eQqNha7Ul4s/VogGh0bCddI/AAAAAAAAADs/nHFFmXfQtFo/s1600/base.jpeg" title="" /></a></div>
<br /></div>
</span>
<span class="content5" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large; line-height: 18.4px;">Tip:5 Paint Your Eyelashes Cleaner</span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use a
credit card or any other hard card to paint your eyelashes cleaner.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-DuXSluThtqE/VogGqv0KHBI/AAAAAAAAAD0/JSy7bmMQm7Q/s1600/eyelashes%2Bcleaner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="eyelashes cleaner" border="0" src="http://2.bp.blogspot.com/-DuXSluThtqE/VogGqv0KHBI/AAAAAAAAAD0/JSy7bmMQm7Q/s1600/eyelashes%2Bcleaner.jpg" title="" /></a></div>
<br /></div>
</span>
<span class="content6" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="line-height: 115%;">Tip:6 </span><span style="line-height: 18.4px;">Use Light Shade Pencil</span></span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use
light shade pencil to give more freshness and vigor to your eyes.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-kb1lAlxKnfA/VogG7Nu43YI/AAAAAAAAAD8/tJmBrrpjFXA/s1600/eye%2Bpencil.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="eye pencil" border="0" src="http://4.bp.blogspot.com/-kb1lAlxKnfA/VogG7Nu43YI/AAAAAAAAAD8/tJmBrrpjFXA/s1600/eye%2Bpencil.jpg" title="" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
If you like this post, don't forget to share these makeup tips with your friends!!!</div>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;"><br /></span></div>
</span>
<p><b>Pages: <span style="color: #3d85c6">
<a href="#" class="page1">1</a>
<a href="#" class="page2">2</a>
<a href="#" class="page3">3</a>
<a href="#" class="page4">4</a>
<a href="#" class="page5">5</a>
<a href="#" class="page6">6</a></span></b></p>
答案 0 :(得分：1)
你可以添加一些关于这个问题的代码。根据我从上面的问题中理解，我认为你应该在文档准备好时隐藏段落。
试试这个 -
$(document).ready(function(){
// Write your hiding code here.
})
或者您可以简单地在隐藏内容的段落中添加一个类，当您导航到新页面时 -
.hidden {
display: none;
}
您可以按照以下方式优化代码 - 因为我在您的博客中验证了它会正常工作。请验证大写字母中的注释。
<div class="post-body entry-content" id="post-body-3211737812026835425">
<p class="__web-inspector-hide-shortcut__">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
//YOUR HIDING LOGIC HERE
</p>
//CONTENT1 SHOULD COME OUT OF <P> TAG
<span class="content1" style="display: none;">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Tip:2 Comb Your Eyebrows</span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">If you
do not have enough time for a full makeup, comb your eyebrows simply, it can
dramatically change your look.</span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-vLbbLkcppZM/VogF0m_NLgI/AAAAAAAAADc/q7AuFPN2MhQ/s1600/full%2Bmake%2Bup%2Btips.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="full makeup tips" border="0" src="http://4.bp.blogspot.com/-vLbbLkcppZM/VogF0m_NLgI/AAAAAAAAADc/q7AuFPN2MhQ/s1600/full%2Bmake%2Bup%2Btips.jpg" title=""></a></div>
<br></div>
</span>
<span class="content2" style="display: inline;">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Tip:2 Comb Your Eyebrows</span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">If you
do not have enough time for a full makeup, comb your eyebrows simply, it can
dramatically change your look.</span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-vLbbLkcppZM/VogF0m_NLgI/AAAAAAAAADc/q7AuFPN2MhQ/s1600/full%2Bmake%2Bup%2Btips.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="full makeup tips" border="0" src="http://4.bp.blogspot.com/-vLbbLkcppZM/VogF0m_NLgI/AAAAAAAAADc/q7AuFPN2MhQ/s1600/full%2Bmake%2Bup%2Btips.jpg" title=""></a></div>
<br></div>
</span>
<span class="content3" style="display: none;">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="line-height: 115%;">Tip:3 </span><span style="line-height: 18.4px;">Use A Credit Card</span></span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use a
credit card or any other hard card to draw a straight line to trace the
"cat's eyes"</span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Md5EUwViUWE/VogGWTTYBCI/AAAAAAAAADk/7Z6q8XtlyK8/s1600/use%2Beyeliner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="use credit card to draw straight line" border="0" src="http://2.bp.blogspot.com/-Md5EUwViUWE/VogGWTTYBCI/AAAAAAAAADk/7Z6q8XtlyK8/s1600/use%2Beyeliner.jpg" title=""></a></div>
<br></div>
</span>
<span class="content4" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-size: large;"><span style="font-family: "Georgia","serif"; line-height: 115%;">Tip:4 </span><span style="font-family: Georgia, serif; line-height: 18.4px;">Use Clear Pencil</span></span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use
clear pencil as a basis for intense color on your eyelids.</span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-eQqNha7Ul4s/VogGh0bCddI/AAAAAAAAADs/nHFFmXfQtFo/s1600/base.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="base" border="0" src="http://2.bp.blogspot.com/-eQqNha7Ul4s/VogGh0bCddI/AAAAAAAAADs/nHFFmXfQtFo/s1600/base.jpeg" title=""></a></div>
<br></div>
</span>
<span class="content5" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large; line-height: 18.4px;">Tip:5 Paint Your Eyelashes Cleaner</span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use a
credit card or any other hard card to paint your eyelashes cleaner.</span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-DuXSluThtqE/VogGqv0KHBI/AAAAAAAAAD0/JSy7bmMQm7Q/s1600/eyelashes%2Bcleaner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="eyelashes cleaner" border="0" src="http://2.bp.blogspot.com/-DuXSluThtqE/VogGqv0KHBI/AAAAAAAAAD0/JSy7bmMQm7Q/s1600/eyelashes%2Bcleaner.jpg" title=""></a></div>
<br></div>
</span>
<span class="content6" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="line-height: 115%;">Tip:6 </span><span style="line-height: 18.4px;">Use Light Shade Pencil</span></span></h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use
light shade pencil to give more freshness and vigor to your eyes.</span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-kb1lAlxKnfA/VogG7Nu43YI/AAAAAAAAAD8/tJmBrrpjFXA/s1600/eye%2Bpencil.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="eye pencil" border="0" src="http://4.bp.blogspot.com/-kb1lAlxKnfA/VogG7Nu43YI/AAAAAAAAAD8/tJmBrrpjFXA/s1600/eye%2Bpencil.jpg" title=""></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
If you like this post, don't forget to share these makeup tips with your friends!!!</div>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;"><br></span></div>
</span>
<p><b>Pages: <span style="color: #3d85c6">
<a href="#" class="page1">1</a>
<a href="#" class="page2">2</a>
<a href="#" class="page3">3</a>
<a href="#" class="page4">4</a>
<a href="#" class="page5">5</a>
<a href="#" class="page6">6</a></span></b></p>
<p></p>
<div style="clear: both;"></div>
</div>
答案 1 :(得分：1)
首先通过将.contents类添加到所有节div来缩短代码，而不是此
jQuery('.content1').show();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
jQuery('.content5').hide();
jQuery('.content6').hide();
我们只是这样做：
jQuery('.contents').hide();
jQuery('.content1').show();
然后将前两个段落移出第一个.content1，并将它们包装在另一个具有相同类contents和content1的div中，以隐藏并在我们显示的同时显示隐藏第一部分＆＃34; 提示：1正确使用修正液＆＃34;标题。
此外，页面每次显示新部分时都需要向上滚动而不是停留在页面的末尾我们添加此行jQuery(window).scrollTop(0) （*），所以现在我们有这个代码：
完整代码：
jQuery(document).ready(function() {
jQuery('.page1').click(function() {
jQuery('.contents').hide();
jQuery('.content1').show();
jQuery(window).scrollTop(0);
return false;
});
jQuery('.page2').click(function() {
jQuery('.contents').hide();
jQuery('.content2').show();
jQuery(window).scrollTop(0);
return false;
});
jQuery('.page3').click(function() {
jQuery('.contents').hide();
jQuery('.content3').show();
jQuery(window).scrollTop(0);
return false;
});
jQuery('.page4').click(function() {
jQuery('.contents').hide();
jQuery('.content4').show();
jQuery(window).scrollTop(0);
return false;
});
jQuery('.page5').click(function() {
jQuery('.contents').hide();
jQuery('.content5').show();
return false;
});
jQuery('.page6').click(function() {
jQuery('.contents').hide();
jQuery('.content6').show();
return false;
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="content1 contents">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">There
are many girls who do not leave house without doing makeup on their face, even
if it is to go to the nearest shop, while there are also some girls who
consider the makeup like a waste of time.
However, for special occasions, such girls also make use of makeup to
look cuter!</span>
</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<br />
</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Here in
this post I have mentioned some handy makeup tips which does not take your much
time.</span>
<br />
</div>
</div>
<span class="contents content1">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
<h3 style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large; line-height: 115%;"> Tip:1 Use Correction Fluid Properly</span></h3>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-CDkciSOhSDs/VogDeWeDBBI/AAAAAAAAADA/zb0N9yA5Pic/s1600/Make%2Bup%2Btips.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img alt="makeup tips" border="0" src="http://4.bp.blogspot.com/-CDkciSOhSDs/VogDeWeDBBI/AAAAAAAAADA/zb0N9yA5Pic/s1600/Make%2Bup%2Btips.jpg" title="" />
</a>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-V2H0VE6kdwU/VogFWa8fXzI/AAAAAAAAADU/qeNNoVoF9Qo/s1600/eye%2Bmake%2Bup.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img alt="correct eye makeup vs incorrect eye makeup" border="0" src="http://4.bp.blogspot.com/-V2H0VE6kdwU/VogFWa8fXzI/AAAAAAAAADU/qeNNoVoF9Qo/s1600/eye%2Bmake%2Bup.jpg" title="" />
</a>
</div>
</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<br />
</div>
</span>
<span class="contents content2" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Tip:2 Comb Your Eyebrows</span>
</h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">If you
do not have enough time for a full makeup, comb your eyebrows simply, it can
dramatically change your look.</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-vLbbLkcppZM/VogF0m_NLgI/AAAAAAAAADc/q7AuFPN2MhQ/s1600/full%2Bmake%2Bup%2Btips.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img alt="full makeup tips" border="0" src="http://4.bp.blogspot.com/-vLbbLkcppZM/VogF0m_NLgI/AAAAAAAAADc/q7AuFPN2MhQ/s1600/full%2Bmake%2Bup%2Btips.jpg" title="" />
</a>
</div>
<br />
</div>
</span>
<span class="contents content3" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="line-height: 115%;">Tip:3 </span><span style="line-height: 18.4px;">Use A Credit Card</span></span>
</h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use a
credit card or any other hard card to draw a straight line to trace the
"cat's eyes"</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Md5EUwViUWE/VogGWTTYBCI/AAAAAAAAADk/7Z6q8XtlyK8/s1600/use%2Beyeliner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img alt="use credit card to draw straight line" border="0" src="http://2.bp.blogspot.com/-Md5EUwViUWE/VogGWTTYBCI/AAAAAAAAADk/7Z6q8XtlyK8/s1600/use%2Beyeliner.jpg" title="" />
</a>
</div>
<br />
</div>
</span>
<span class="contents content4" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-size: large;"><span style="font-family: "Georgia","serif"; line-height: 115%;">Tip:4 </span><span style="font-family: Georgia, serif; line-height: 18.4px;">Use Clear Pencil</span></span>
</h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use
clear pencil as a basis for intense color on your eyelids.</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-eQqNha7Ul4s/VogGh0bCddI/AAAAAAAAADs/nHFFmXfQtFo/s1600/base.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img alt="base" border="0" src="http://2.bp.blogspot.com/-eQqNha7Ul4s/VogGh0bCddI/AAAAAAAAADs/nHFFmXfQtFo/s1600/base.jpeg" title="" />
</a>
</div>
<br />
</div>
</span>
<span class="contents content5" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large; line-height: 18.4px;">Tip:5 Paint Your Eyelashes Cleaner</span>
</h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use a
credit card or any other hard card to paint your eyelashes cleaner.</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-DuXSluThtqE/VogGqv0KHBI/AAAAAAAAAD0/JSy7bmMQm7Q/s1600/eyelashes%2Bcleaner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img alt="eyelashes cleaner" border="0" src="http://2.bp.blogspot.com/-DuXSluThtqE/VogGqv0KHBI/AAAAAAAAAD0/JSy7bmMQm7Q/s1600/eyelashes%2Bcleaner.jpg" title="" />
</a>
</div>
<br />
</div>
</span>
<span class="contents content6" style="display:none">
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in;">
<h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="line-height: 115%;">Tip:6 </span><span style="line-height: 18.4px;">Use Light Shade Pencil</span></span>
</h3>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;">Use
light shade pencil to give more freshness and vigor to your eyes.</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-kb1lAlxKnfA/VogG7Nu43YI/AAAAAAAAAD8/tJmBrrpjFXA/s1600/eye%2Bpencil.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img alt="eye pencil" border="0" src="http://4.bp.blogspot.com/-kb1lAlxKnfA/VogG7Nu43YI/AAAAAAAAAD8/tJmBrrpjFXA/s1600/eye%2Bpencil.jpg" title="" />
</a>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
If you like this post, don't forget to share these makeup tips with your friends!!!</div>
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
</div>
</span>
<p><b>Pages: <span style="color: #3d85c6">
<a href="#" class="page1">1</a>
<a href="#" class="page2">2</a>
<a href="#" class="page3">3</a>
<a href="#" class="page4">4</a>
<a href="#" class="page5">5</a>
<a href="#" class="page6">6</a></span></b>
</p>
（*） 如果您不希望页面滚动到最顶端，那么您还有 0 以外的其他数字页面。
答案 2 :(得分：0)
如果您想要隐藏第一部分，请更改此内容：
<span class="content1">
Add your first page content here
</span>
<span class="content2" style="display:none">
Add your second page content here
</span>
<span class="content3" style="display:none">
Add your third page content here
</span>
<span class="content4" style="display:none">
Add your final page content here
</span>
到此：
<span class="content1" style="display:none">
Add your first page content here
</span>
<span class="content2" style="display:none">
Add your second page content here
</span>
<span class="content3" style="display:none">
Add your third page content here
</span>
<span class="content4" style="display:none">
Add your final page content here
</span>
导航按钮应该按预期工作。