Question

我在wordpress博客上使用jquery show hide div。

链接可在此处获取72.52.206.17/~guerilla / category / vlog /＆lt; -remove extra spaces un url

jquery的代码在标题php中被拉出来，如下所示：

<!-- VLOG EXPANDABLE BOX -->

<script type="text/javascript">
  $(document).ready(function(){
  $('.content1').hide();

  $('a').click(function(){
 $('.content1').show('slow');

});

 $('a.close').click(function(){
        $('.content1').hide('slow');
})

});
</script>

<!-- VLOG EXPANDABLE BOX -->

然后我们有一个代码显示并隐藏了一个名为category-vlog php的特殊页面上的菜单博客：

代码是这样的：

<a href="#" id="click">Expand Blog</a>
     <div class="content1">
          <?php get_sidebar(); ?>
            <p> <a href="#" class="close">Collapse Blog</a></p>
</div>

此代码本身功能完美 - 当您点击主菜单链接时会发生隐藏的div出现的情况，当我点击其他页面链接时如何让div保持隐藏？

我不知所措。

即使这是一个小问题 - 它在网站所有者的主要思想 - 如何进入

我仍然遗漏了一些东西，我做了Robotsushi建议的修改，但是我无法做到这一点。

当我在适当的位置更改代码时，show / hide停止工作。

Answer 1

首先关闭您的方法以使用toggle jQuery方法。它封装了您要完成的任务。所以你可以说：

$(".content1").toggle();

这会将display属性更改为其当前状态的反面。如果元素最初显示，它将被隐藏;如果隐藏，它将被显示。

这段代码就是问题：

$('a').click(function(){
 $('.content1').show('slow');

这就是说：每次点击一个元素时，都要打开一个类名为“content1”的元素。

将a更改为要打开content1的元素的id或类名。像这样：

$('#OpenContent1').click(function(){
     $('.content1').show('slow');

单击其他可见页面链接时，Jquery显示隐藏节目

1 个答案: