javascript - Any option to display multiple HTML pages in jQuery -

I am new to jQuery and am trying to create a single HTML file of code with multiple HTML pages. I also know that it is possible to link other HTML pages into a single file in jQuery's mobile. So any option gets a single HTML file in jQuery's single HTML file, not in jQuery Mobile. Any suggestions. thank you in advanced.

Here's my code:

  & lt; Div id = "coo drinks" & gt; & Lt; Ahref = "hot.html" & gt; Hot & lt; / A & gt; Coke, Fan Ta, Miranda etc. & Lt; / Div & gt; & Lt; Div id = "hotdrinks" & gt; Coffee, tea etc. & lt; / Div & gt;   
 So in the code above, I first load the page on  div  and when it loads that page, then want to display that Qo Drink I'll open  div  whose  id  is "hot" but these things should be in the same HTML file.   
 
 
 "Things must be in the same HTML file", then simply click on the content to link the content Click  
  & lt; Div id = "coo drinks" & gt; & Lt; A class = "hotdrink" href = "hot.html" & gt; Hot & lt; / A & gt; Coke, Fan Ta, Miranda etc. & Lt; / Div & gt; & Lt; Div id = "hotdrinks" style = "display: none" & gt; Coffee, tea etc. & lt; / Div & gt;   
 script  
  & lt; Script type = "text / javascript" & gt; $ (Function () ($ (". Hotdrink") (function (event) {$ ("# hotdrinks"). Show (); event.preventDefault ();});}); & lt; / Scripts & gt;