javascript - 在带有 Accordion 标题的 Bootstrap Accordion 同一页面上打开 div

Question

我试图在 bootstrap Accordion 旁边的 div 中隐藏和显示图像。我正在使用的 javascript 有效，只有一个问题。

我想当 Accordion 关闭时，隐藏带有图像的 div，如果我单击相同的 Accordion 标题，这将起作用。不幸的是，如果 Accordion 打开并且我单击另一个标题，带有图像隐藏的 div。

我知道为此使用 Jquery 可能更好，或者我需要在 javascript 中为其使用参数或条件，但我有点喜欢剪切和粘贴，我找不到任何我可以使用的东西或轻松修改。这是脚本:

function slideContent(id) {
if ($('#' + id).css('display') == 'none') {
    $('#' + id).slideDown('100', function () { });
}
else {
    $('#' + id).slideUp('100', function () { });
}
}
</script>

这是 fiddle http://jsfiddle.net/C7caU/21/ .只有 javascript 在 fiddle 中不起作用，点击时不显示带有图像的 div。为什么我不知道，它确实在浏览器中工作。感谢 Shukla Jay，这个 fiddle 现在可以正常工作了

任何帮助将不胜感激，谢谢。

Answer 1

如果您不指定换行设置，它默认为“onLoad”。这导致所有 JavaScript 都被包装在一个函数中，在结果加载后运行。所有变量都是该函数的局部变量，因此在全局范围内不可用。

将换行设置更改为“无换行”，它将起作用:

您的 Bootstrap 版本文件有问题。我只是把它改成了这个。

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js">  </script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">

更新的 Fiddle See Here