jQuery kombinieren Toggle mit Klick

Question

hier ist der Code: http://jsfiddle.net/sxqwp/1/

Meine Frage ist, wenn ich drücke ‚schließen‘ und drücken Sie ‚Toggle‘ nichts passiert, nach der zweiten Klick Text zeigt. Wenn ich auf "toggle" klicke, verbirgt es Text, dann klicke ich auf "open" es zeigt Text aber wenn ich wieder klicke "toggle" zeigt es immer noch usw. Wie kann ich das beheben

was ist wenn so etwas?

http://jsfiddle.net/sxqwp/6/

$("a").toggle(
    function() { 
     $('p').animate({width: "200px"}); 
    }, 
    function() { 
    $('p').animate({width: "100px"}); 
    } 
); 


$("a.openA").click(function() { 
    $('p').stop().animate({width: "200px"}); 
}); 


$("a.closeA").click(function() { 
    $('p').stop().animate({width: "100px"}); 
}); 

Answer 1

Durch die nicht mit der Umschaltfunktion durcheinander. :) http://jsfiddle.net/sxqwp/2/

$("a").click(function() { 
    $('p').toggle(); 
}); 

Answer 2

Alternativ können Sie die .toggleClass() Methode verwenden:

.hide { 
    display: none; 
} 

$("a").click(function() { 
    $('p').toggleClass("hide"); 
}); 

Answer 3

Versuchen Sie dieses -

HTML-Code:

<a href="#demo" class="nav-toggle">Toggle</a> 
<a href="#demo" class='nav-open'>Open</a> 
<a href="#demo" class='nav-close'>Close</a> 

<div id="demo" style="display:none;"> 
<p>Hello</p> 
<p>Good Bye</p> 
</div> 

JQUERY SCRIPT:

$(document).ready(function() { 
    $('.nav-toggle').click(function(){ 
    var content_toggle= $(this).attr('href');      
    $(content_toggle).slideToggle('slow'); 
}); 

    $('.nav-open').click(function(){ 
    var content_show = $(this).attr('href');      
    $(content_show).slideDown(); 
    }); 

    $('.nav-close').click(function(){ 
     var content_hide = $(this).attr('href');      
     $(content_hide).slideUp(); 
    }); 
}); 

Ansicht leben zB. - http://jsfiddle.net/sxqwp/11/