0

これが私のアコーディオンです。これにスタイルシートを適用して、ツリーのように見えるようにするにはどうすればよいですか。

例：+アコーディオンタブが閉じて-いるときとアコーディオンが開いているとき

<div class="Accordion" id="systemAccordion" tabindex="1">
                <div class="AccordionPanel">
                    <div class="AccordionPanelTab">&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="showSystemSpan();">System</a></div>
                    <div class="AccordionPanelContent">
                        <a onClick="showPatchesSpan();">Patches</a><br/>
                        <a onClick="showNetworkSpan();">Network</a><br/>
                    </div>
                </div>
                <div class="AccordionPanel">
                    <div class="AccordionPanelTab" >&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="showNone();">User Environment</a></div>
                    <div class="AccordionPanelContent">
                        <a onClick="showEnvironmentVariableSpan();">Environment Variables</a><br/>
                    </div>
                </div>
                <div class="AccordionPanel">
                    <div class="AccordionPanelTab">&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="showSystemSpan();">{mainData::@product}</a></div>
                    <div class="AccordionPanelContent">
                        <a onClick="showOdbcSpan();">ODBC</a><br/>
                        <a onClick="showBitmodeSpan();">Bitmode</a><br/>
                    </div>
                </div>
                <script type="text/javascript">
                    var sysAcc = new Spry.Widget.Accordion("systemAccordion",  {defaultPanel: -1, useFixedPanelHeights: false });
                </script>
            </div>
4

2 に答える 2

1

SpryAccordion.cssスタイルシートを見ると、

.AccordionPanelTab {}

.AccordionPanelOpen .AccordionPanelTab {}

これら2つに好きな背景画像を設定して、.AccordionPanelTabが通常の状態に影響を与え、.AccordionPanelOpen.AccordionPanelTabが開いた状態に影響を与えた後の効果を得ることができます。スタイルシートには、さまざまなクラスが何をするかを示すコメントもあります。

于 2011-06-07T10:35:43.670 に答える
0

css背景画像プロパティを使用し、開いたときと閉じたときに適切なcssクラスに適用します。

于 2011-06-07T10:40:51.740 に答える