I have read the document and notice the window property here is only for something within <div> element
what if i want to create a pop up box of a new page?
Also, how can i retrieve the  value of it and post /get it to the main page if there is a form at the popup page?

Thank you.

I have post it to the stackoverflow and i hope the result help:




The text isn't displayed properly because the accordion uses a fixed height, and it then calculates the panel-body and the header heights. So when you expand a panel, the text will not be displayed anymore (or partially) because it uses up all space.

A simple workaround for this is to add some height after pageload to the easyui-accordion container to compensate for your text.

see
http://jsfiddle.net/hFsxP/15/

Thank you for your answer

are there any problem when using those load method?e.g.

1) css / js link is different from the case when using tab?
2) can i get the attribute in GET methmod?


hope you understand my question, sorry if confused you.

Code:

    <li><a href="#" onclick="addTab('Add List','list/add.php')">Add List</a></li>

Currently i know how to add tab , but how can i directly show the content in the center frame instead of adding tab ? 
Also, what is the css, js address file bind to ? the index page or the new center page? thank you.

Code:

    <div id="content" region="center" border="true" title="" style="overflow:hidden;padding:10px;">
    <div id="tt" class="easyui-tabs" fit="true">  
    <div title="Home" style="padding:10px;">  
    test
    </div> 
    </div>
    </div>

 

       

Code:

    <div id="aa" class="easyui-accordion" style="width:300px;height:200px;">  
        <div title="Title1" iconCls="icon-save" style="overflow:auto;padding:10px;">  
            <h3 style="color:#0099FF;">Accordion for jQuery</h3>  
            <p>Accordion is a part of easyui framework for jQuery.   
            It lets you define your accordion component on web page more easily.</p>  
        </div>  
        <div title="Title2" iconCls="icon-reload" selected="true" style="padding:10px;">  
            content2  
        </div>  
        <div title="Title3">  
            content3  
        </div>  
    ***************test words put here can not display correctly
    </div>  

Css file (accordion part)

Code:

        .accordion{
    	background:#fff;
    	overflow:hidden;
    }
    .accordion .accordion-header{
    	background:#efefef;
    	border-top-width:0;
    	cursor:pointer;
    }
    .accordion .accordion-header .panel-title{
    	font-weight:normal;
    }
    .accordion .accordion-header-selected .panel-title{
    	font-weight:bold;
    }
    .accordion-noborder .accordion-header{
    	border-width:0 0 1px;
    }
    .accordion-noborder .accordion-body{
    	border-width:0px;
    }
    .accordion-collapse{
    	background:url('images/accordion_collapse.png') no-repeat;
    }
    .accordion-expand{
    	background:url('images/accordion_expand.png') no-repeat;
    }

The problem is I would like to making the same effect like jsfiddle sidebar, when i put the test word ,it can not display correctly. It can display only when all panels are slided up. I have tried to look at some css to see whether the problem occur but i just can not figure it out.Thank you.


  [1]:
  [2]: