Question

我需要在右侧浏览器窗口中切换内容div。与此类似的东西（我想保留效果和关闭按钮）example - 但有所不同，我想从 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

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

 });

需要在按钮点击时切换div

2 个答案: