jQuery的發現ID HREF

Question

旁邊我怎樣才能讓用jQuery是這樣的：

1）如果我點擊鏈接，它淡入格與同一ID就像被點擊鏈接的HREF元素。

我的劇本是在這裏

var search = $("#bottom").find("a"), 
    hotels = $(".hotels").find("div").hide(); 

search.on("click", function (e) { 
    $(this.hash).hotels("#hash").show(); 
    e.preventDefault(); 
}); 

這裏

全snipet http://codepen.io/anon/pen/MwNEgr

Answer 1

search.on("click", function (e) { 
    var id = "#" + $(this).attr("href"); 
    $(id).show(); 
}); 

或者你也可以把 「＃」 中的href本身（ 「#hotels」），然後是

var id = $(this).attr("href"); 

Answer 2

更換您的錨點如下：

<a href="#flight">Flights</a> 
<a href="#hotel">Hotels</a> 
<a href="#cars">Cars</a> 

否則，散列將包含URL。

然後，您可以使用此方法，並注意您不再需要preventDefault()：

search.on('click', function() { 
    hotels.hide(); 
    $(this.hash).fadeIn(); 
}); 

Updated CodePen

Answer 3

這裏試試這個：

search.on("click", function (e) { 
e.preventDefault(); 
$(".hotels").find("div").hide(); 
var target = $(this).attr('href'); 
$('#'+target).fadeIn(); 

}); 

DEMO