Javascript 如何获取单击元素的类名并使用jquery将其放入函数中

我有一个包含大量元素的列表项。我想在单击时操纵兄弟之一的可见性。但它必须是兄弟元素，而不是其他任何元素。 这是JS代码，但似乎不起作用：

$(function() {
  $('.circle').click(function(this) {
  var bro = siblings.('.content');
  var $content = ('.content');
  if(this.bro.css('visibility' , 'hidden')){
    this.css('visibility' , 'visible')
  } else {
    $content.css('visibility' , 'hidden')
   };
 });
});

标记如下所示：

<li>
  <div class="content">
    <h1>Title goes here</h1>
    <hr>
    <p>Content details go here</p>
 </div>
 <div id="operationsmile" class="circle"></div>
    <h1 class="date">OCTOBER</h1>
 <div class="line"></div>
</li>

---

任何关于JS的帮助都会很好。谢谢

你把它弄得太复杂了，我想你需要的是一个切换功能

$(function () {
    $('.circle').click(function () {
        $(this).siblings('.content').toggle();
    });
});

小提琴演示-

另外，如果你想按照你的代码去做。应该是

$(function () {
    $('.circle').click(function () {
        var divToToggle = $(this).siblings('.content');
        if (divToToggle.css('visibility') == 'visible')
             divToToggle.css('visibility', 'hidden');                                            
        else 
            divToToggle.css('visibility', 'visible');
    });
});

演示-

您可以使用来获取以下兄弟姐妹，即您的div：

$(".circle").click(function () {
    $(this).next().slideToggle();
});

---

您是否检查了浏览器控制台中显示的任何错误？？我对jquery不太熟悉，但我认为兄弟姐妹。“.content”应该更改为类似-$”.content.siblings的内容。您的代码没有任何意义。我认为您需要的只是$.circle.clickfunction{$this.siblines.content.toggle；}；是的，我有。兄弟姐妹很好，因为我只是指定了确切的兄弟姐妹。但是控制台错误是Unauthoright SyntaxError：这是意外的标记。它指向js文件$'.circle'部分中的第2行，将第二行中的this替换为其他的obj或el，或者将其保留为空。这是可行的，但我使用可见性来保持其在DOM中的位置。“切换”会将其删除，因此会破坏page@OmarElbanna：更新答案以更正代码