jquery SlideToggle in dnn

Question

我試圖做一個信息框，當我點擊頭部的內容滑落
但當我這樣做時，它只是滑落，然後再次。
這是一個ASCX文件，我需要用它在DotNetNuke的容器
它完美的作品在一個HTML文件
這裏的代碼

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.head').click(function() { 
      $('.content').slideToggle(); 
     }); 
    }); 
</script> 

或

$(document).ready(function() { 
    $('.textbox .content:eq(1)').hide(); 
    $('.textbox .head').click(function() { 
     if ($(this).next('.content').is(':visible')) { 
      $(this).next('.content').slideUp(); 
     } else { 
      $(this).next('.content').slideDown(); 
     } 
    }); 
}); 

Answer 1

在第一例如，如果頁面上有相同容器的倍數，您將切換所有內容區域。

第二個示例看起來應該可以工作，但是，如果您有多個容器實例，並且該腳本位於容器本身中，則會多次註冊該處理程序。嘗試將腳本移動到外部文件並在代碼中引用它，因此它只包含一次。請參閱DotNetNuke jquery script in container以獲取相關示例。