JQuery bestimmte div einblenden

Marti95. · 02.04.2010, 14:25

Hallo,

Wie kann ich mit JQuery eine bestimmte div ein und ausblenden?

Code:

$("button").click(function () {
   $("div").fadeOut("slow");
}

so ist das ja mehr allgemein, also es blendet alle div's aus.

Manko10 · 02.04.2010, 14:40

toggle()
Siehe auch: Inhalt ein- und ausblenden - PHP.de Wiki

Marti95. · 02.04.2010, 15:05

ahja, cool

Danke

Zitat:

<a href="javascript:$.fade('#div')">Press</a>

<div id="div">a DIV</div>
<script>
$.fade = function(query)
{
if ($(query).css('display') == 'block') {
$(query).fadeOut();
} else {
$(query).fadeIn();
}
}
</script>

BlackScorp · 02.04.2010, 15:07

PHP-Code:

  $('div.classenname').toggle('slow');

$('span#id').toggle('slow');

du brauchst nicht mit if prüfen ob der div nicht sichtbar ist

PHP-Code:

  <a href="#" id="press">Press</a>

<div class="myDiv">a DIV</div>

<script type="text/javascript">
$.document.ready(function(){
$('a.press').click(function(){
$('div.myDiv').toggle('slow');
})

})
</script>

Marti95. · 02.04.2010, 15:22

geht sogar noch einfacher:

Code:

	
<a href="#" onclick="$.toggle('#div')">Press</a>
<div id="div">DIV content</p>
<script type="text/javascript">
$.toggle = function(query)
{
        $(query).toggle("slow");
}   
</script>

//EDIT:

Zitat:

MEIN 500 BEITRAG

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JQuery Upload mittels Array/hiddenfields	Das_Pfau	JavaScript, Ajax und mehr	7	13.03.2010 11:03
[Erledigt]br filtern mit Jquery (oder Javascript)	chunky	JavaScript, Ajax und mehr	4	05.03.2010 14:48
[Erledigt] txt - bestimmte zeile elsen und schreiben	mcsebbi	PHP Tipps 2010	17	02.03.2010 21:32
jQuery Ajax und $(this) Problem	halskrause	JavaScript, Ajax und mehr	8	01.03.2010 17:39
Bei Upload mit Jquery Multifile-Plugin wird immer nur eine Datei hochgeladen	Silent	PHP Tipps 2010	20	25.02.2010 08:24
jQuery Ablauf	halskrause	JavaScript, Ajax und mehr	8	24.11.2009 13:14
jQuery Dokus/Tuts	MaiKaY	Off-Topic Diskussionen	9	25.09.2009 16:52
jQuery mit AJAX ohne ActiceX im IE?	krush	JavaScript, Ajax und mehr	2	11.08.2009 08:54
Umsetzung von parentNode in jQuery	nikosch	JavaScript, Ajax und mehr	8	03.08.2009 21:25
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
[Erledigt] Auf bestimmte functionen im JS beziehen?	Sermon	JavaScript, Ajax und mehr	6	06.03.2009 20:10
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
[Erledigt] Textfeld auslesen und nur bestimmte Werte übernehmen	LB1981	PHP Tipps 2009	26	27.01.2009 21:24
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35
Verflucht! Wie kann ich denn nun die Scrollbars einblenden?		HTML, Usability und Barrierefreiheit	9	30.03.2005 14:12

02.04.2010, 14:25
Marti95. Erfahrener Benutzer Registriert seit: 09.11.2008 Beiträge: 503 PHP-Kenntnisse: Fortgeschritten	JQuery bestimmte div einblenden Hallo, Wie kann ich mit JQuery eine bestimmte div ein und ausblenden? Code: $("button").click(function () { $("div").fadeOut("slow"); } so ist das ja mehr allgemein, also es blendet alle div's aus. Geändert von Marti95. (02.04.2010 um 14:31 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.04.2010, 14:40
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	toggle() Siehe auch: Inhalt ein- und ausblenden - PHP.de Wiki __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

02.04.2010, 15:07
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `$('div.classenname').toggle('slow'); $('span#id').toggle('slow');` du brauchst nicht mit if prüfen ob der div nicht sichtbar ist PHP-Code: `<a href="#" id="press">Press</a> <div class="myDiv">a DIV</div> <script type="text/javascript"> $.document.ready(function(){ $('a.press').click(function(){ $('div.myDiv').toggle('slow'); }) }) </script>` __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen