JQuery Toggle Slider & Toggle Text

Question

Я пытаюсь спуститься по div после нажатия ссылки «Показать» и изменить этот текст на «Скрыть», но он не работает так хорошо.

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

Я попытался решить с некоторыми из других ответов StackOverflow, но я не мог заставить его работать так, не уверен, что я делаю неправильно.

Answer 1

Обновить якорь. Удалите # из идентификатора и присоедините обработчик событий.

$("#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'd не так, но если вы хотите использовать ссылку, вы можете использовать $("#menutoggle") вместо $("#mobilemenu")