jquery - 需要在按钮单击时切换 div

Question

我需要在右侧浏览器窗口上切换内容 div。与此类似（我想保留效果并关闭按钮）示例- 但不同的是，我想从a.class打开此面板。我不想根据 id 打开面板，我只想打开一个区域，然后可能我会加载 ajaxed 内容。

好吧，我想根据我的情况调整小提琴链接上的代码，但我不知道怎么做！

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

演示

<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 );
    }); 

 });