使用jquery，是否可以显示和隐藏包含javascript的div？

我有一些实现幻灯片放映的javascript代码

我已将运行幻灯片的函数放置在一个div中，如下所示：

<div id="portfolio">

  <script>

    var imgArray = new Array();
    imgArray[0] = "smaller_acorn.jpg";
    imgArray[1] = "slideshow/01.jpg";
    imgArray[2] = "slideshow/02.jpg";
    imgArray[3] = "slideshow/03.jpg";
    imgArray[4] = "slideshow/04.jpg";
    imgArray[5] = "slideshow/05.jpg";
    imgArray[6] = "slideshow/06.jpg";

    slideshowMerge('Slideshow1','',imgArray,20,3000);
  </script>
</div>

但是显示/隐藏或更改不透明度似乎不适用于此分区

有什么想法吗

注意-请参见此处的JSFIDLE：

---

演示。用于图像交换的JavaScript与您尝试使用悬停触发器所做的不同。我不确定您是否希望它们在任何情况下都有关联，但您仍然需要首先使用鼠标悬停

当然，诀窍是确保

标记可见：

$("#portfolio > script").css("display","block");​​​​​​​​​​​​​​​

---

请注意，

.show（）

在这里不起作用。

为什么javascript需要在div中？另外，我怀疑show/hide和opacity实际上起作用了，但是div没有DOM内容，所以视觉效果什么都没有。这两个代码部分彼此完全不相关，请提供JSFIDLE，否则这就像marvel reading一样。@Brianflagan，因为我想给幻灯片提供一些css样式的属性，比如边距和填充。也许不需要这样吧。没错。无需封装应用于节点内特定节点的javascript。@mightyuhu我在此处添加了js FIDLE：

$("#portfolio > script").css("display","block");​​​​​​​​​​​​​​​