Question

在我的网站上，当您点击歌曲名称时会打开“盒子”，但是当您点击另一首歌曲名称时，我想打开一个可以关闭的歌曲。所以当时只有一个盒子可以打开。调用框出现的代码就在下面。有谁知道解决方案我是如何实现这一目标的？ P.S与图像，这将是更容易理解，但我不允许添加图像。

<script type="text/javascript">
var showOrHide = true;
function parodyti (a) {
$(function () {
$("#nauj-" + a).slideToggle('slow', function () {})
 })
};</script>

Answer 1

你可以使用jquery概念来做到这一点。 Jquery为您提供了方法.toggle（）来解决它。示例代码将是这样的：

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>
<script>

$("button").click(function () {
$("p").toggle();
});
</script>

</body>
</html>

这将在两个字符串Good Bye和Hello之间按下按钮。

Answer 2

使用.click(function()来完成任务。

请参阅Jquery toggling the element one at a time链接以供参考。

Answer 3

这可能会对您有所帮助：http://jsfiddle.net/fd46R/

它只是一个供您参考的样本。

 $(function(){
    $('ul.child').hide();
    $('ul.parent a.slide').click(function(){
    $('ul.child').slideUp('slow');
    $(this).next().find('a').show();
        if( $(this).next().is(':hidden') ) {
    $(this).next().slideDown('fast');
        }
    return false;
    });
    });

JavaScript slideToggle

3 个答案: