如何使用JQuery隐藏/显示下< div>一个元素，通过点击< a>元素，更改值< a>和翻转有其背景的图标？

rks48beu 于 2023-08-04 发布在 jQuery

关注(0)|答案(1)|浏览(77)

有这样一个生成的标记，其中图标作为<a>标记的背景，并放置在该标记的值旁边：

<div class="wrapper">
  <a class="header-title" style="
    background-image: url(/path);
    background-position: right;
    height: 20px;
    background-repeat: no-repeat;
    padding-right: 25px;">
Hide design</a>
  <div class="field-design"></div>
</div>

字符串
我需要单击<a>来隐藏<div class="field-design"></div>，并将<a>的值从“隐藏设计”更改为“显示设计”。当我再次单击时，执行相反的操作。如何实施？

的数据

jquery

来源：https://stackoverflow.com/questions/76673750/how-using-jquery-to-hide-show-next-div-element-by-clicking-on-the-a-element

1条答案

按热度按时间

vatpfxk51#

我认为你可以应用所有这些，它会工作。

$('.header-title').click(function(){
  // changing the text inside the anchor tag
  $(this).html("Show Design");
  // changing the icon of the anchor tag
  $(this).css('background-image', 'url(/new-path)');
  // show or hide next div element
  $('.header-title + div').toggleClass('d-none');
})

个字符

赞(0）回复(0）举报 2023-08-04

我来回答

如何使用JQuery隐藏/显示下< div>一个元素，通过点击< a>元素，更改值< a>和翻转有其背景的图标？

1条答案

相关问题

热门标签

最新问答