Wie kann ich ausblenden Schaltfläche in diesem Code mit Toggle ersetzen?

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".ex .hide").click(function(){ 
    $(this).parents(".ex").hide("slow"); 
    }); 
}); 
</script> 
<style type="text/css"> 
div.ex 
{ 
background-color:#e5eecc; 
padding:7px; 
border:solid 1px #c3c3c3; 
} 
</style> 
</head> 
<body> 

<h3>Island Trading</h3> 
<div class="ex"> 
<button class="hide">Hide me</button> 
<p>Contact: Helen Bennett<br /> 
Garden House Crowther Way<br /> 
London</p> 
</div> 

<h3>Paris spécialités</h3> 
<div class="ex"> 
<button class="hide">Hide me</button> 
<p>Contact: Marie Bertrand<br /> 
265, Boulevard Charonne<br /> 
Paris</p> 
</div> 

<h3>Paris spécialités</h3> 
<div class="ex"> 
<button class="hide">Hide me</button> 
<p>Contact: Marie Bertrand<br /> 
265, Boulevard Charonne<br /> 
Paris</p> 
</div> 

<h3>Paris spécialités</h3> 
<div class="ex"> 
<button class="hide">Hide me</button> 
<p>Contact: Marie Bertrand<br /> 
265, Boulevard Charonne<br /> 
Paris</p> 
</div> 

<h3>Paris spécialités</h3> 
<div class="ex"> 
<button class="hide">Hide me</button> 
<p>Contact: Marie Bertrand<br /> 
265, Boulevard Charonne<br /> 
Paris</p> 
</div> 

<h3>Paris spécialités</h3> 
<div class="ex"> 
<button class="hide">Hide me</button> 
<p>Contact: Marie Bertrand<br /> 
265, Boulevard Charonne<br /> 
Paris</p> 
</div> 

</body> 
</html>

was ich versuche zu tun ist, ausblenden-Schaltfläche mit toggle Butto zu ersetzen. Jedes Mal, wenn ich den Knopf drücke, kann ich Informationen ausblenden oder anzeigen. Wie mache Ich das?Wie kann ich ausblenden Schaltfläche in diesem Code mit Toggle ersetzen?

Quelle

2010-12-15 NoOne

Da die Schaltfläche im Moment ausgeblendet wird, können Sie sie nicht mehr anzeigen.

Wie wäre es, wenn Sie die Schaltflächen entfernen und einen Klick auf die Überschrift verwenden, um die anderen Informationen umzuschalten?

Like:

$(document).ready(function(){ 
    $("h3").click(function(){ 
    $(this).next("div").toggle("slow"); 
    }); 
});

... oder Sie können die Taste halten und schalten Sie einfach das <p> Element, nachdem es:

$(document).ready(function(){ 
    $(".ex .hide").click(function(){ 
    $(this).next("p").toggle("slow"); 
    }); 
});

Quelle

2010-12-15 03:02:24 sje397

gut ich mit dieser Arbeit kann die div getrennte IDs haben: D danken u – NoOne

Sie müssen die Schaltfläche außerhalb des div, um es schaltet um, um damit zu schalten.
Sie müssen sich für Sie

Quelle

2010-12-15 03:07:13 Babiker

Wie kann ich ausblenden Schaltfläche in diesem Code mit Toggle ersetzen?

Antwort

Verwandte Themen