需要切換div按鈕單擊

Question

我需要在右側瀏覽器窗口上切換內容div。 類似的東西（我想保持效果並關閉按鈕）example - 但有區別，我想從a.class打開此面板。我不想打開基於id的面板，我只想打開一個區域，然後可能會加載ajax的內容。

嗯，我想適應小提琴鏈接上的代碼，以我的情況，但我不知道如何！

HTML代碼：

<a class="teste" href="#">Button to Open Panel</a> 

    <div class="panel"> 
    <span class="close">X</span> 
    <div class="content"> 
     <!-- Content Goes Here --> 
    </div> 
</div> 

Answer 1

這裏 - 我刪除了第二個div在面板

DEMO

<a class="teste" href="#">Button to open panel</a> 

$('a.teste').on('click', function() { 
    $panels.trigger('togglePanel'); 
    return false; 
}); 

Answer 2

這樣的事情？

$('a.teste').bind('click', function(e) 
{ 
    targetDiv = $('.teste .content'); 
    e.preventDefault(); 

    urlToLoad = $(this).attr('href'); 

    var request = $.ajax({ 
     url: urlToLoad, 
     dataType: "html" 
    }); 

    request.done(function(data) { 
     targetDiv.html(data); 
    }); 

    request.fail(function(jqXHR, textStatus) { 
     alert("Could not load the page: " + textStatus); 
    }); 

});