JQuery Toggle Slider & Toggle Text

Question

Ich versuche, ein div nach unten rutschen, nachdem der „Show“ Link geklickt wird und dass der Text ändern zu „verstecken“, aber es scheint nicht so gut zu funktionieren.

<div id="mobilemenu"><a id="#menutoggle" href="#">Show</a></div> 
<div id="slider">Content to slide in under #mobilemenu</div> 

habe ich versucht, mit einigen der anderen Antworten zu lösen Stackoverflow, aber ich konnte es nicht so nicht sicher zu arbeiten, was ich falsch mache.

Answer 1

Aktualisieren Sie Ihren Anker. Entfernen Sie die # von der ID und fügen Sie einen Event-Handler.

$("#menutoggle").click(function() { 
    $("#slider").toggle(); 
}); 

Answer 2

Nur ein kleines Beispiel dafür, wie es funktionieren könnte mit, was Sie bisher

$("#mobilemenu").click(function(e) { 
    if ($("#slider").is(":visible")) { 
     $("#slider").hide(); 
     $(this).children("a").text("Show"); 
    } 
    else { 
     $("#slider").show(); 
     $(this).children("a").text("Hide"); 
    }; 
}); 

zur Verfügung gestellt haben, oder wenn Sie zusätzliche Arbeit nicht haben, können Sie es vereinfachen mit

$("#mobilemenu").click(function(e) { $("#slider").toggle(); }); 

ddnt ich Ihre alink mit Ursache beginnen verwenden wollte ich Ihnen nicht notwendig zeigen, ALINK und sein ist id'd falsch, aber wenn Sie den einen Link verwenden wollen Sie $("#menutoggle") anstelle von $("#mobilemenu") verwenden