Как получить идентичные URL, когда функции onClick показывают / скрывают разное содержимое на одной и той же веб-странице?

Question

У меня есть функции щелчка в jQuery, чтобы показать / скрыть различное содержимое:

$(“#button1”).click(function() {
  $(“#project1”)[0].style.display = "block";
  $(“#project2”)[0].style.display = “none”;
});

$(“#button2”).click(function() {
  $(“#project1”)[0].style.display = “none”;
  $(“#project2”)[0].style.display = “block”;
});

Я хочу, чтобы в каждой ситуации был один и тот же URL. Например, когда отображается #project1, я хочу, чтобы URL на веб-странице отличался от URL, когда отображается #project2.

Теперь это всегда https://…./..../projects/index.html

Как я могу это сделать

Answer 1

Вы можете использовать window.location.hash для добавления фрагмента в URL.

Кроме того, если вы используете jQuery для выбора элементов и добавления обработчиков событий, вы также можете использовать его для отображения / скрыть содержимое тоже. Также обратите внимание, что используемые вами цитаты недействительны JS. Допускаются только " и '. Попробуйте это:

$("#button1").click(function() {
  $("#project1").show()
  $("#project2").hide();
  window.location.hash = 'project1';
});

$("#button2").click(function() {
  $("#project1").hide();
  $("#project2").show();
  window.location.hash = 'project2';
});