幻燈片未正常工作

我正在用Razor語法開發MVC應用程序。我想滑動div，意思是當我點擊一個div時，其他div應該被擴展。加載後它的工作正常，但爲什麼頁面加載時它已經擴展？但在我的應用程序中已經擴展/切換。幻燈片未正常工作

如何解決這個問題？

@model IEnumerable<CRMEntities.Comment> 


<html xmlns="http://www.w3.org/1999/xhtml"> 


<head runat="server"> 

    <title></title> 


    <!DOCTYPE html> 

    <script src="../../Scripts/jquery.js" type="text/javascript"></script> 

    <script type="text/javascript"> 

    function clearText() 

    { 
     document.getElementById('Comment').value = ""; 

    } 

</script> 


<script src="../../Scripts/jquery.js" type="text/javascript"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 

     $(".ShowComments").click(function() { 

      $(".ParentBlock").slideToggle("slow"); 

     }); 

    }); 

</script> 





<style type="text/css"> 

div.ParentBlock 
{ 
position:relative; 

} 

div.ShowComments 
{ 
    position:relative; 

} 

</style> 



</head> 
<body> 

@{ 

    <p class="ShowComments">Show Comments</p> 


    <div class="ParentBlock"> 



    @foreach (var item in Model) 
    { 
     <div id="OwnerName"> 

     <span class="EmpName"> @Html.ActionLink(item.Owner.FullName, "Details", "EMployee", new { id = item.OwnerId }, new { @style = "color:#1A6690;" })</span> 

      @Html.DisplayFor(ModelItem => item.CommentDateTime) 

     </div> 

     <div id="CommentTextBlock"> 
      @Html.DisplayFor(ModelItem => item.CommentText) 
     </div> 
     <br /> 


    } 



    </div> 


    @Html.TextArea("Comment", "", 5, 80, "asdsd") 


    <input type="button" value="Add Comment"/>       
    <input type="button" value="Clear" onclick="clearText()"/>      

} 


</body> 
</html>

問題的概要是，在調用Jscript之前Div被切換。如何避免它？

來源

2012-09-13 user1668543

設置應隱藏的CSS以隱藏與CSS。這樣它會在你切換時關閉並滑動打開。

來源

2012-09-13 12:36:59

解決....使用顯示：無;屬性在CSS中。 – user1668543

幻燈片未正常工作

回答

相關問題