将CSS显示更改为JavaScript

我在我的页面上得到了以下代码：

HTML:

我需要在单击时将其转换为javascript。单击“显示”，然后单击“隐藏”

我试过这个：

$(".position2").click(function () {
$(".art-blockcontent").toggle("slow");
});

但它不起作用。

---

有什么建议吗？

首先要做的是测试JQUERY工作

$(document).ready(function() {
    alert('JQUERY!')
    $('.position2').click(function () {
          alert('YES!');
    });
});

因此，请单击您的

.position2

元素，如果它的工作方式是

使用或（与CSS一起）或

或

要显示和隐藏，请选择…

   $('.position2').click(function () {
      $('.art-blockcontent', this).toggle('slow');
   });

或

---

您的代码正在工作，请尝试此，检查是否加载了jquery，这可能是您的问题：

$(document).ready(function(){

    $(".position2").click(function () {
    $('.art-blockcontent').toggle();
   });
});

---

你们有jQuery脚本加载吗？你们都有，谢谢你们的帮助$（document）.ready（函数（）{alert（'JQUERY！'）$（'.position2'）。单击（函数（）{alert（'YES！'）；}）；}）；我想，我的js文件被添加到页面中，我已经加载了jQuery1.4.4，所以我不知道为什么它对我不起作用。我在代码上方添加了v1.10.1，它可以正常工作。这是一个非常好的主意，首先检查测试jQuery。我会记得的。感谢您的快速回答和帮助。现在所有的工作都完成了，谢谢；）切换在jQuery1.4中不存在，这就是为什么

   $('.position2').click(function () {
      $('.art-blockcontent', this).hide();
    });

   $('.position2').click(function () {
      $('.art-blockcontent', this).fadeOut();
   });

   $('.position2').click(function () {
      $('.art-blockcontent', this).toggle('slow');
   });

   $('.position2').toggle(function(){
     $('.art-blockcontent', this).hide();
   },function(){
     $('.art-blockcontent', this).show();
   });

$(document).ready(function(){

    $(".position2").click(function () {
    $('.art-blockcontent').toggle();
   });
});