jQuery加載到div然後所有鏈接應該打開在該div +切換功能

Question

我是新來的jQuery & stackoverflow。

我一直試圖解決這個問題，現在兩天了，搜索一下，無法真正弄清楚 - 所以現在是時候了。

• 我對主要內容
• 一個。主要的div我有一個菜單#sidebar。

• 在該菜單我有#thumbslink鏈接

  1. 當我點擊#thumbslink
     • 我想加載從「/project-single.html＃項目單」外格爲＃ siteloader
     • 用。主要
  2. 更換#siteloader當我再次點擊#thumbslink我希望它扭轉

（1 & 2個正常工作）

問題（什麼不起來，現在工作）

• 我想開這可見#siteloader中的所有鏈接同樣的div
• 並在同一時間使用#thumbslink作爲一個開關（如＃2）。

反正這裏是我的代碼：

HTML（rougly）：

<div id="thumbslink"> 
<a href="#">THUMBS</a> 
</div> 

<div class="main">Main content</div> 

<div id="siteloader"></div> 

的jQuery：

// LOAD #Project-single onClick #thumbslink in #siteloader 

$(function() { 
    $("#thumbslink").click(function() { 
     $('#siteloader') 
      .load('http://jacoberiksson/project-single.html #project-single'); 

    }); 

// LOAD all clicked links (a) in #siteloader 

$("#siteloader").on("click", "a", function (e) { 
    $("#siteloader").load($(this).attr("href")); 
    e.preventDefault(); 
}); 

}); 

// TOGGLE #siteloader & .main onClick #thumbslink 

$(function(){ 
    $("#thumbslink").on("click", function(){ 
     $("#siteloader").toggle('fade'); 
     $(".main").toggle('fade'); 

    }); 
}); 

謝謝！

Answer 1

<div> 
<a href="#" id="thumbslink">THUMBS</a> 
</div> 

<div class="main">Main content</div> 

<div id="siteloader"> 
    <a href="">If your external site is not in the same domain as your site then No. I would suggest you to use JSONP objects to send/receive between sites in different domain. 
    </a><br/> 
    <a href="">If it the same then use ajax request 
    </a> 
</div> 

jQuery的

$("#siteloader").hide(); 

$("#thumbslink").click(function() { 
     $('#siteloader').find('a').each(function() { 
     $('#siteloader').append($(this).attr('href')); 
    }); 
}); 


$(function(){ 
    $("#thumbslink").on("click", function(){ 
     if($('#siteloader').is(":visible")){ 
      $("#siteloader").hide(''); 
      $(".main").show(''); 
     } 
     else{ 
      $(".main").hide(''); 
      $("#siteloader").show(''); 
     } 
    }); 
}); 

JsFiddle