버튼 클릭시 div 전환 필요

Question

오른쪽 브라우저 창에서 콘텐츠 div를 전환해야합니다. 이와 비슷한 (효과를 유지하고 버튼을 닫고 싶음) example - 차이점이 있으니 a.class에서이 패널을 열고 싶습니다. ID를 기반으로 패널을 열지 않으려 고합니다. 영역을 열고 싶습니다. 아마도 아마 jaxed 콘텐츠를로드 할 것입니다.

글쎄, 필자는 상황에 맞는 바이올린 링크에 코드를 적용하고 싶지만 어떻게해야할지 모르겠다!

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

는 -이 같은 패널

DEMO

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

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

Answer 2

의 두 번째 DIV를 제거?

$('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); 
    }); 

});