Question

不能真正了解jQuery，所以我会在这里试试运气。

我需要什么 - 一开始只显示CRAZY div（CRAZY2不可见）。当您点击lasit_komentarus div时，整个CRAZY div消失，而只显示CRAZY2 div。

<div class="CRAZY">
    <a href="#"><div class="ienakt"><p>Ienākt</p></div></a>
    <div class="atkape"/>
    <a href="#"><div class="lasit_komentarus"><p>Lasīt komentārus</p></div></a>
</div>

<div class="CRAZY2">
 <p>This show up instead.</p>
</div>

也许我需要在这里改变一些东西？导致代码在jfiddle中工作，但不在我的.html

中

<script type="text/javascript" src="jquery.sticky.js"></script>
<script>
$(window).load(function(){
  $(".header_cont").sticky({ topSpacing: 0 });
});

 $('.lasit_komentarus').click(function () {
 $('.CRAZY').hide();
 $('.CRAZY2').show();
 });
</script>

Answer 1

重要提示：您需要关闭包含类div的{{1}}才能获得有效的HTML，并且以下内容可以正常使用。

根据.atkape点击结束关闭：

JS Fiddle

.lasit_komentarus

或者如果你想要一个按钮来关闭它，你的标题建议：

JS Fiddle

 $('.lasit_komentarus').click(function () {
     $('.CRAZY').hide();
     $('.CRAZY2').show();
 });

Answer 2

你不能有这样的div：

<div />

你需要关闭div。另外，尽量不要用

包装整个div元素

<a></a>

如果您想让整个div可点击，请在您的js中添加：

$('.lasit_komentarus').click(function(){
    //do your show() and hide()
});

我认为您的代码中发生的事情是您与＆＃34; a＆＃34;之间存在冲突。 tag和jquery click（）函数。取出＆＃34; a＆＃34;元件。

使用jquery在按钮上单击显示新div并隐藏第一个div

2 个答案: