Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> jquery slide Toggle nie działa
slawekxx
post
Post #1





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

Ostrzeżenie: (0%)
-----


Witam,

Mam pewiem problem z slide Toggle , a mianowicie nie działa poprawnie przy wczytywaniu pliku przez load

w pliku index.php mam taki kod
  1. <script>function loading_hide(){
  2. $('#loading').fadeOut('fast');
  3. }
  4. function loadData(page){
  5. //loading_show();
  6. $.ajax
  7. ({
  8. type: "POST",
  9. url: "load_data.php",
  10. data: "page="+page,
  11. success: function(msg)
  12. {
  13.  
  14. $("#container").ajaxComplete(function(event, request, settings)
  15. {
  16.  
  17. loading_hide();
  18. $("#container").html(msg);
  19.  
  20. });
  21. }
  22. });
  23. }</script>


gdzie plik load_data.php

to
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  5. </script>
  6. <script>
  7. $(document).ready(function(){
  8. $("#flip").click(function(){
  9. $("#panel").slideToggle("slow");
  10. });
  11. });
  12. </script>
  13.  
  14. <style type="text/css">
  15. #panel,#flip
  16. {
  17. padding:5px;
  18. text-align:center;
  19. background-color:#e5eecc;
  20. border:solid 1px #c3c3c3;
  21. }
  22. #panel
  23. {
  24. padding:50px;
  25. display:none;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30.  
  31. <div id="flip">Click to slide the panel down or up</div>
  32. <div id="panel">Hello world!</div>
  33.  
  34. </body>
  35. </html>


od razu po załadowaniu tego pliku div panel jest wysunięty, a prawidłowo winień być ukryty co jest nie tak ?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.12.2025 - 23:08