Как показать определенный div с его собственным идентификатором в jQuery, когда я нажимаю на ссылку?

Question

У меня есть такой div:

<article id="#pippo">blablabla</article>

что я скрыл с помощью jQuery

$('article').hide();

Теперь я хотел бы иметь меню ссылок, которое показывает конкретный идентификатор статьи, например, при нажатии.

Если я нажму на ссылку:

<a href="#pippo"> LINK PIPPO </a>

Мне бы хотелось, чтобы статья с именем #pippo была показана

если я нажму на ссылку, которая указывает на #pluto, должна быть показана статья с идентификатором #pluto ...

как я могу сделать это в jQuery?

Answer 1

Если вы хотите, чтобы это работало для каждого тега <a> на вашей странице, тогда вы можете сделать следующее

$('a').click(function (e) {
  var id = $(this).attr('href');
  $(id).show();

  // Don't follow the link
  e.preventDefault();
});

Скорее всего, вы хотите, чтобы это работало на подмножестве <a> на странице. Если это так, вы можете различить их, поместив класс в ссылку и изменив свой селектор в зависимости от ситуации

HTML:

<a href="#pippo" class="fakeLink"> LINK PIPPO </a>

JavaScript:

$('a.fakeLink').click(function (e) {
  var id = $(this).attr('href');
  $(id).show();

  // Don't follow the link
  e.preventDefault();
});

Answer 2

Сначала добавьте класс, чтобы идентифицировать теги привязки, которые нуждаются в этой функции, например. 'Visibility_toggle. Затем добавьте обработчик, который использует атрибут href, чтобы определить, какой div показывать / скрывать.

$('a.visibility_toggle').click(function(e) {
    $(this.href).toggle();
    e.preventDefault();
});

Answer 3

Попробуйте это

$("a").click(function(){

   $(this.href).show();

   return false;

});