需要切换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); 
    }); 

});