0
<a href="#link">Click</a>

<details id="link">
<summary>Text...</summary>
blablabla
</details>

Как сделать чтобы при нажатии на ссылку добавлялся атрибут open для тега details?

1

2 ответа 2

2

$('a').on('click', function() {
  const id = $(this).attr('href');
  $(id).attr('open', function(index, attr) {
    return attr == 'open' ? null : 'open';
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#link">Click</a>

<details id="link">
  <summary>Text...</summary>
  blablabla
</details>

1

написал специально и атрибут и класс, так как сомневаюсь что вам нужен именно атрибут

$(document).ready(function(){
  $("a[href='#link']").on("click", function(){
    $("#link").attr("open"); // Attribute
    $("#link[open]").css("display", "block")
    // $("#link").toggleClass("open"); class
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#link">Click</a>

<details id="link">
<summary>Text...</summary>
blablabla
</details>

5
  • @igor Спасибо за изменения, но если он представил только html - я подозревал, что у него уже готов css Commented 17 окт. 2018 в 19:16
  • 1
    да, Вы правы. +1
    – user176262
    Commented 17 окт. 2018 в 19:20
  • Спасибо за ответ! Но мне нужно добавление не класса, а именно атрибута, который открывает тег details (open). В Вашем примере атрибут не добавляется. Нужно чтобы получилось <details id="link" open>
    – user306948
    Commented 17 окт. 2018 в 19:21
  • @BrimBamBo я добавил вам атрибут, если вы хотите, что бы данный атрибут открывал еще, тогда нужно просто строчку дописать) Commented 17 окт. 2018 в 19:23
  • @BrimBamBo отредактировал Commented 17 окт. 2018 в 19:25

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.