按鈕如果不先隱藏，又怎么show出來呢。所以你需要在fadeIn()前面先加上一個).fadeOut()就OK了。
解決方法：

<script>
$(
document).ready(
function(){
function ttl(){
$("#tp").fadeOut().fadeIn();
}
}
)
</script>

或者事先定義tp這個元素的CSS讓它先隱藏也可以，如下兩種方法：
一、
function ttl(){
$("#tp").css("display","none").fadeIn();
}
二、
function ttl(){
$("#tp").hide().fadeIn();
}

第一種：普通調用

第二種：jquery對象中的自定義函數

注：1.運行代碼時，要有jquery.js文件，否則運行出錯。

2.還有其它方法，只嘗試了這兩種。

如果能出現的話，就見鬼了，首頁tt1()函數你寫在了 

里面，函數是有作用域的，外面是訪問不到的，onclick調用時，頁面會報錯，tt1()未定義。這時候，就要用到jquery事件的綁定。給button增加一個ID比如id="btn" ；

代碼就要這么寫 

首頁#tp是隱藏的，只有隱藏了，才能再顯示。或者

先隱藏，再浮出。

function ttl(){
$("#tp").fadeIn();
}
寫在
$(
document).ready(function(){})
外面試一下