未捕获的TypeError：无法调用未定义的方法'toggleToStart'

Question

我有<rich:simpleTogglePanel>。点击此面板即可获得 在控制台中Uncaught TypeError: Cannot call method 'toggleToStart' of undefined。

已附上屏幕截图。

在我的xhtml页面中，我有prototype.js来显示灯箱。如果我删除prototype.js 不抛出上面的TypeError，切换面板工作正常。但是，我的灯箱不起作用。

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightwindow.js"></script>

<a href="#{facesContext.externalContext.requestContextPath}/pages/lightBoxPage.jsf?popupcat=#{someList.category}"
   class="lightwindow page-options" params="lightwindow_type=external,lightwindow_width=845,lightwindow_height=350"
   caption=" " title="">
  click here
</a>

<h:panelGrid columns="1">
  <rich:dataTable var="myList" value="#{bean.someList}" id="dataGrid">
     <rich:column>
       <rich:simpleTogglePanel switchType="client" opened="#{!myList.expandedList}"
         onexpand="return setSelectedGenre(#{myList.category});"
         oncollapse="return setSelectedGenre(#{myList.category});"
         headerClass="bluebg1" style="border-color:#FFFFFF" >

          //Display items inside toggle panel

       </rich:simpleTogglePanel>
     </rich:column>
  </rich:dataTable>
</h:panelGrid>

我的猜测是“toggle”与prototype.js和rich:simpleTogglePanel冲突。

Rich Faces版本是3.3.3

如何解决这个问题？