Javascript Jquery。更改css属性时单击“不工作”

我有这个html

<h2 class="more-button">Read More</h2>

小提琴：

---

但是代码什么也不做。我尝试了许多不同的方法来解决这个问题，但似乎没有任何效果。任何帮助都将不胜感激。

您在

上设置了什么CSS？因为如果你没有在任何地方设置定位，那么你的

“正确”，“110%”

将一事无成

尝试设置

位置：绝对或<代码>位置：相对.hidden块

上进行code>操作，这样可以移动块

如果您没有样式表，并且希望使用纯jQuery，那么如下所示：

$(".more-button").click(function(){
  $(".hidden-block").css({"position":"relative", "right":"110%"});
});

---

您需要声明div的

位置

，以使其受

右侧

position: relative;

或

---

将

隐藏块的选择器从类更改为id

$(".more-button").click(function(){
$("#hidden-block").css("right", "110%");});


或者使用“动画”设置div的动画

您的代码一切正常。。在你的小提琴里您将“隐藏块”作为ID而不是类。

所以只需将jquery选择器更改为“#”散列即可

示例：

    $(".more-button").click(function(){

//hidden-block is an id
    $("#hidden-block").css("right", "110%");

}); 

希望这对你有所帮助，我注意到“隐藏块”的ID不是CSS，所以你的javascript必须是：

$("#hidden-block").css("right", "110%");

那么，您是否包括jQuery？在您的提琴中，我没有注意到外部资源中的jQuery库

换完衣服后。为了#，并添加jQuery，您的代码工作正常。尝试将110%更改为另一个值，然后查看结果。
能否将css类与适当的html一起发布。更好地创建一个Fiddle@Manish这是我正在使用的一把小提琴，我将定位设置为绝对，但按钮在单击时似乎仍然没有任何作用隐藏块的代码是
#隐藏块{高度：100%；宽度：100%；位置：绝对；右侧：18%；背景：rgb（255，255，255）；显示：块；-webkit变换：skewX（-13度）；-moz变换：skewX（-13度）；-o变换：skewX（-13度）；-ms变换：skewX（-13度）；变换：skewX（-13度）；}
Ah。。。您应该使用#hidden block而不是.hidden block，因为hidden block是响应的ID，但div的位置已设置为绝对。这里有一个JSFIDLE来展示我正在使用的东西谢谢，这正是我想要的。我一定是偶然把它作为一门课放进去的。一个简单的错误，下次好运吧
    $(".more-button").click(function(){

//hidden-block is an id
    $("#hidden-block").css("right", "110%");

}); 

$("#hidden-block").css("right", "110%");