<a href="#link">Click</a>
<details id="link">
<summary>Text...</summary>
blablabla
</details>
Как сделать чтобы при нажатии на ссылку добавлялся атрибут open для тега details?
$('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>
написал специально и атрибут и класс, так как сомневаюсь что вам нужен именно атрибут
$(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>
html
- я подозревал, что у него уже готов css
Commented
17 окт. 2018 в 19:16
<details id="link" open>