Jquery Toggle Slider＆切換文本

Question

我試圖在單擊「顯示」鏈接後將幻燈片向下滑動，並將該文本更改爲「隱藏」，但它似乎不能很好地工作。

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

我試着用一些其他StackOverflow的答案解決，但我無法得到它的工作，所以不知道我做錯了。

Answer 1

更新您的錨點。從ID中刪除#並附加一個事件處理程序。

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

Answer 2

只是一個小例子，它可能是如何工作的使用迄今爲止您提供

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

，或者如果你沒有額外的工作，你可以用

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

簡化它是什麼

我ddnt使用你的alink開始，因爲我想告訴你alink沒有必要，它的id是錯誤的，但如果你想使用一個鏈接，你可以用$("#menutoggle")代替$("#mobilemenu")