Slide Toggle funktioniert nicht in der Tabelle

Ich habe den unten stehenden Code und für das Leben meiner Ich kann nicht herausfinden, warum es nicht funktioniert. Jede Hilfe würde sehr geschätzt werden.Slide Toggle funktioniert nicht in der Tabelle

Dank

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Simple Tabs with CSS &amp; jQuery</title> 
<style type="text/css"> 
body { 
margin:1em; 
padding:0; 
height:100%; 
background-color:#cbcbcb; 
color:#000000; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif; 
border-style: thin; 
} 

h1 {font-size: 3em; margin: 20px 0;} 
.hidden{ 
background-color:gray; 
width:120px; 
text-decoration:none; 
font-size:x-large; 
color:black; 
display:none; 
border:thin; 
border-bottom-color:gray; 
} 

<script type="text/javascript"> 

$(document).ready(function() { 
$("#button").click(function() { 
$(".hidden").slideToggle(200); 
}); 
<body> 
<div class="hidden">woot</div> 
<table style="width: 100%" cellspacing="1" class="style1"> 
<tr> 
    <td class="style1">Username</td> 
    <td class="style1">Last Name</td> 
    <td class="style1">First Name</td> 
    <td class="style1">MI</td> 
    <td class="style1">Address</td> 
    <td class="style1">Email</td> 
    <td class="style1">Age</td> 
    <td class="style2"><p id="button"><a href="#">Toggle</a></p>&nbsp;</td> 
</tr> 
</table> 
</body>

Quelle

2011-01-07 corybranan

Was ist es nicht funktioniert ... Bitte, die der Nutzung aufklären, die nicht in der Lage sind, Ihren Geist über die interwebs zu lesen? – Bojangles

Sie verpassen die Schließung }); und das Schließen </script> und </style> Tags.

$(document).ready(function() { 
    $("#button").click(function() { 
     $(".hidden").slideToggle(200); 
    }); 
});

Richtige Einrückung zeigt viel. : O)

Quelle

2011-01-07 14:12:08 user113716

+1 Schlagen Sie mich einfach - und das, die 'head',' style' und 'script' Tags sind nicht geschlossen, was wahrscheinlich helfen wird, auch Dinge zu vermasseln. –

@ Jonathan: Yeah, habe gerade auch diese bemerkt. : o) – user113716

ah! kein Wunder. Vielen Dank! :) – corybranan

Sie verpassen }); Javascript schließen, aktualisieren Sie es an:

$(document).ready(function() { 
    $("#button").click(function() { 
     $(".hidden").slideToggle(200); 
    }); 
});

Geige Arbeiten http://jsfiddle.net/rKYSB/

Quelle

2011-01-07 14:13:33 alexn

Was genau meinen Sie, nicht? Ist dies der vollständige Code für Ihre Seite?

Wenn ja:

Ihr Script-Tag nicht
Ihr Kopf-Tag geschlossen ist, wird nicht geschlossen
Sie vermissen die Schließung});
Sie sind nicht mit dem jQuery-Skript

Quelle

2011-01-07 14:15:27 Paul

+1 Vollständig verpasst die Tatsache, dass jQuery nicht referenziert –

+1 Ich vermisse das auch, obwohl 'jQueryUI' hier nicht notwendig wäre. – user113716

Ah ja, Kraft der Gewohnheit. Ich werde aktualisieren – Paul

Slide Toggle funktioniert nicht in der Tabelle

Antwort

Verwandte Themen