問題タブ [collapsiblepanelextender]

私は Web アプリに取り組んでおり、タグを使用したパネルがあり<rich:collapsiblePanel>ます。しかし、それは機能していません。ディスプレイに矢印が表示されますが、クリックしても何も起こりません。サンプルが示すように正確に実行しましたが、まだ応答していません。助けてください。これは私が使用したサンプルへのリンクです。

http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=collapsiblePanel&skin=blueSky

タグを使用した行は次のとおりです。

Visual Studio に付属の Web アプリケーション テンプレートを使用しています。メイン コンテンツを他の 2 つのコンテンツ プレース ホルダーに分割する入れ子になったマスター ページを追加しました。どちらも、幅を制御するために css スタイルが適用された div でラップされています。1 つは、このネストされたマスター ページから継承する各ページのメイン コンテンツ領域として使用され、もう 1 つのコンテンツ プレース ホルダーは、左から右に展開および折りたたむことができるサイド パネルとして使用されます。このサイド パネルは、ほとんどのページで永続的に表示されます。そのため、コンテンツ プレース ホルダー内にあり、それを必要としないページでカスタム コンテンツを作成し、空白のままにするか、他のデータを使用することができます。この機能は ajax の折りたたみ可能なパネル エクステンダで実現されていますが、メイン コンテンツ領域のサイズは幅が固定されています。私の CSS では、メイン コンテンツ領域に max-width と min-width を設定しましたが、min-width にしか設定されません。css のドキュメントを読んで、min-width プロパティが max-width および width プロパティをオーバーライドすることを発見しました。私の質問は、サイド パネルが折りたたまれたときにメイン コンテンツ領域の幅が 95% になり、サイド パネルが展開されたときに幅が 75% になるようにするにはどうすればよいですか? 考えられる限り多くの関連情報を含めようとしましたが、さらに必要な場合は喜んで提供します。私の質問は、サイド パネルが折りたたまれたときにメイン コンテンツ領域の幅が 95% になり、サイド パネルが展開されたときに幅が 75% になるようにするにはどうすればよいですか? 考えられる限り多くの関連情報を含めようとしましたが、さらに必要な場合は喜んで提供します。私の質問は、サイド パネルが折りたたまれたときにメイン コンテンツ領域の幅が 95% になり、サイド パネルが展開されたときに幅が 75% になるようにするにはどうすればよいですか? 考えられる限り多くの関連情報を含めようとしましたが、さらに必要な場合は喜んで提供します。

ネストされたマスター ページからの関連するマークアップ

関連する css: 折りたたみパネルの幅は、折りたたみ可能なパネル エクステンダーで設定されます。