如何顯示隱藏要素和滾動到該元素

Question

我有一個是通過顯示無CSS樣式隱藏起來，當有人會點擊鏈接各個形式應該如

<a href="#form1">show form1</a> 
<a href="#form2">show form 2</a> 
<a href="#form3">show form 3</a> 

每個窗體顯示 四種形式有自己獨特的ID

form 1 id="form1" 
form 2 id="form2" 
form 3 id="form3" 

所以這是我試過

jQuery(document).ready(function($) { 
$('a[href^="#"]').on('click', function(event) { 

    var target = $($(this).attr('href')); 
    var ptel = $(this).attr("href"); 
    alert(ptel); 
    $("#" +ptel).show(); // i tried simply $("ptel") 
    if(target.length) { 
     event.preventDefault(); 
     $('html, body').animate({ 
      scrollTop: target.offset().top 
     }, 2000); 
    } 

}); 
}); 

，當我警覺ptel可變它給了我一個警報＃Form1的價值，＃窗口2 但形式不顯示

Answer 1

改變這一行：

$("#" +ptel).show(); // i tried simply $("ptel") 

到

$(ptel).show(); 

你不需要連接#並且您的第一次嘗試已接近，但您不需要引號。

Answer 2

你不需要ptel，你可以擺脫它沒有提到的，做這個代替

target.show();