如何以編程方式打開/摺疊GWT Bootstrap Accordion

Question

任何人都可以提及如何以編程方式打開/摺疊引導手風琴。 這是我用於ACCORDION小部件的uibinder xml。我想摺疊它我的uibinder java類。

<b:Accordion> 
<b:AccordionGroup heading="COMPARE" ui:field="compareAccordion"> 
    . 
    . 
    . 
</b:AccordionGroup>      
</b:Accordion> 

Answer 1

當然，在這裏我們來看一看：

http://twitter.github.io/bootstrap/javascript.html#collapse

$(".collapse").collapse(); 

關於如何使用，在GWT Javascript代碼，看看this question和它提到的鏈接ScriptInjector。

編輯：做了一些研究，你應該檢查你的標記，以確保你真的使用提到的我可摺疊ñTwitter Bootstrap鏈接上面。如果沒有，請嘗試Collapse class。

Answer 2

compareAccordion.show()打開並且compareAccordion.hide()崩潰應該工作。

Answer 3

當我碰到這個時，我的手風琴會在調用hide（）或show（）後鎖定。我發現我必須將hide（）和show（）放入延遲命令中：

void expandAndCollapseGroups(final Collection<AccordionGroup> expand, 
     final Collection<AccordionGroup> collapse) { 
    Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() { 
     @Override 
     public void execute() { 
      for (AccordionGroup accordionGroup : expand) { 
       accordionGroup.show(); 
      } 
      for (AccordionGroup accordionGroup : collapse) { 
       accordionGroup.hide(); 
      } 
     } 
    }); 
}