jQuery滑动div

Question

我有三个图像按钮，一旦我点击其中一个滑动div包含文本出现。

这里是我的JavaScript代码：

<script type="text/javascript"> 
    function showSlidingDiv() { 
     $("#slidingDiv").animate({ 
      "height": "toggle" 
     }, { 
      duration: 300 
     }) 
    } 
    function showSlidingDiv2() { 
     $("#slidingDiv2").animate({ 
      "height": "toggle" 
     }, { 
      duration: 300 
     }) 
    } 
    function showSlidingDiv3() { 
     $("#slidingDiv2").animate({ 
      "height": "toggle" 
     }, { 
      duration: 300 
     }) 
    } 
    </script> 

的功能被触发使用此命令：

<a href="#" onClick="showSlidingDiv(); return false;"> 

该脚本工作正常，但现在如果我点击的所有链接内容附加到对方 - 我想要实现的是隐藏一个开放的div类，一旦我点击一个新的链接。

我该怎么做？

Answer 1

我会推荐使用jQuery accordion插件。

更新： 您可以关闭所有的div并打开一个选择：

function toggleDiv(selectedDiv) { 
     // shortcut to select all sliding divs 
     $('div[id^="sliding"]').animate({ 
       "height": "toggle" 
      }, { 
       duration: 300 
      }, function() { 
       $(selectedDiv).show(); 
     }); 
       } 

在你的HREF，这样调用该函数：

onClick="toggleDiv('#slidingDiv1'); // use slidingDiv2, 3 for other hrefs