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

Question

我有一些实现幻灯片放映的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>

我想使用jQuery悬停功能显示/隐藏此div。 我已经写了一些有效的jquery悬停函数，它们可以更改其他元素的不透明度。

 $("#contact").hover( function () {
     $('#acorn').css({opacity : .1});
     $('#contactblurb').css({opacity: 1.0});
 }, function () 
 {
     $('#acorn').css({opacity : .5});
     $('#contactblurb').css({opacity: 0.0});
 }
 );

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

有任何想法吗？

注意：请在此处查看jsFiddle：

http://jsfiddle.net/beeband/qgW9V/12/

Answer 1

这是一个jsFiddle进行演示。 图像交换的JavaScript与您尝试使用悬停触发器的JavaScript不同。 我不确定您是否仍然希望它们相互关联，但是仍然需要先将鼠标悬停才能起作用。

Answer 2

当然，诀窍是确保<script>标记可见：

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

请注意， .show()在这里不起作用。