javascript - script.aculo.us切换出现在多个div上

我对我的代码有些混乱，希望你们能用一个聪明的主意帮助我。

因此，我正在工作一个html页面，并使用scriptaculous使用切换效果使一些div出现并淡出。问题是，要使其正常工作，您当然必须在div中使用style =“ display：none”，但这会给我的幻灯片显示带来问题。让我告诉你它的外观：

-我的菜单

        <li>
            <ul>
                <li><a href="#" onclick="Effect.toggle('aboutDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('missionDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('portfolioDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('contactDiv', 'appear'); return false;"></a>
                </li>
            </ul>
        </li>

我的div

<div id="portfolioDiv" style="display: none">
<a href="#" class="close" onclick="Effect.toggle('portfolioDiv', 'appear'); return false;">&#10006;</a>
    <!-- 630px X 430px -->
    <div id="slideDiv">
        <ul>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" /></li>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" /></li>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" />
            </li>
        </ul>
    </div>
</div>

-CSS

#portfolioDiv
{
    position: absolute;
    height: 700px;
    width: 430px;
    left: 3%;
    top: 16%;
    border: 1px solid red;
    overflow: hidden;
}

#slideDiv
{
    position: absolute;
    height: 630px;
    width: 430px;
    top: 70px;
    border: 1px solid black;
    overflow: hidden;
    margin: 0;
    padding: 0px;
}

- 问题

-我正在用Horinaja幻灯片放映。

当我在PortfolioDiv上使用style="display: none"时，幻灯片不起作用。当我在slideDiv上使用style="display: none"时。我似乎无法理解导致此问题的原因。

-尝试解决方案

要尝试解决此问题，我想分离两个div（portfolioDiv和slideDiv），然后将它们分别放置，而不是将slideDiv放入PortfolioDiv中，但是然后我需要在onclick菜单中使用Effect.toggle和Effect.multiple ，但我无法这样做，因为我基本上不知道该怎么做。

希望您能以某种方式帮助我，谢谢。

最佳答案

我解决了使用：

<a href="#" onclick="Effect.multiple(['portfolioDiv','slideDiv'],function(el){Effect.toggle(el,'appear');});">