Ich bin dabei, etwas ähnliches zu implementieren wie die li in chrome extension page. Sollte ich jQuery slideToggle verwenden? vielleicht kann jemand eine Art von Beispiel Code zur Verfügung stellen, mit dem ich anfangen könnte? (Ich bin neu in jQuery)Möglichkeiten, ein div mit einem Toggle in jQuery zu verstecken/zu zeigen
Sie brauchen keine komplizierten Plugins, können Sie all dies mit jquery tun. Hier ist eine kurze Probe, die ich ausgepeitscht habe. Es ist wirklich einfach.
Der HTML
<div id="outer">
<p>Some outer content </p>
<div id="inner">Slider Content </div>
</div>
die CSS
#outer{
height: 200px;
width: 200px;
background-color: brown;
overflow: hidden;
position: relative;
}
#inner{
height: 200px;
width: 100%;
background-color: green;
position: absolute;
top: 100%;
}
Der JS
$('#outer').hover(
function(){
$('#inner').animate({ top: '0%' }, 'easein');
},
function(){
$('#inner').animate({ top: '100%' }, 'easein');
}
);
Here sie in Aktion ist.
Check out this post: jQuery & CSS - Remove/Add display:none
Ich denke, dass es für das Verstecken/Anzeigen funktionieren soll.
Es ist extrem schwer, Ihre Frage zu beantworten. Aber zeigt und ein div versteckt ist sehr einfach, benutzen Sie einfach .toggle()
$("#mydiv").toggle();
aber sehen, wie die Divs nach oben rutschen – Tom
Sie können JQuery UI Akkordeon versuchen, anstatt Ihr eigenes Rad zu erfinden. Diese Verbindung könnte Ihnen helfen.
Keine Notwendigkeit für Plugins, jquery wird ausreichen. Sieh dir meinen Beitrag an. –
Wenn ich etwas brauche, mache ich zuerst ein bisschen googeln. Ich verschwende nicht meine Zeit, meine eigenen Plugins zu erstellen, wenn es viele gute Plugins gibt, die ausgeklügelte Funktionen haben und BTW mit Plugins ist nicht schwer und kompliziert als das Schreiben von eigenem Code, um es nachzuahmen. – jems
Es ist nicht kompliziert, es ist ziemlich einfach. Kompliziert für jemanden, der nicht programmieren kann, gehen Sie in diesem Fall mit Tausenden von Codezeilen vor, die Sie nicht wirklich brauchen. Deine Entscheidung. Übrigens tut das Plugin nicht einmal wirklich, was dieser Beitrag will. Ich bin nicht gegen Plugins, nur gegen die Idee, nicht in der Lage zu sein, für sich selbst zu denken und zu erkennen, wenn etwas einfach ist und nicht ein aufgeblähtes Plugin erwirbt. Ich habe es in 8 Zeilen gemacht, wie viele Zeilen Code hat das Plugin, das Sie vorgeschlagen haben, darin? –
Bitte bearbeiten Sie Ihre Frage, um es verständlicher zu machen – Starx
Tom sehe meine Antwort, um zu sehen, wie man diese Aktion nachahmt. –