依赖于单击的JavaScript 2元素。切换

时间：2013-04-07 作者：chris_r

嗨，我有两个JavaScript元素用于登录和创建帐户。当单击div id时，它们都相互重叠，我需要在单击另一个id时隐藏它们，反之亦然。

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery(\'#sign-in\').live(\'click\', function(event) {        
         jQuery(\'#login-content\').toggle();
    });
});
jQuery(document).ready(function(){
    jQuery(\'#create-account\').live(\'click\', function(event) {        
         jQuery(\'#create-content\').toggle();
    });
});
</script>

1 个回复
最合适的回答,由SO网友:doublesharp 整理而成

既然你想让它们交替使用，最简单的方法就是show() 和hide() 而不是toggle(), 如果多次单击登录名，您实际上不想切换可见性，因此您希望它始终显示#登录名并隐藏#创建。还请注意live() 函数已被弃用，取而代之的是on(). 请参见此示例：

jQuery(document).ready(function(){
    jQuery(\'#sign-in\').on(\'click\', function(event) {        
         jQuery(\'#login-content\').show();
         jQuery(\'#create-content\').hide();
    });
    jQuery(\'#create-account\').on(\'click\', function(event) { 
         jQuery(\'#create-content\').show();       
         jQuery(\'#login-content\').hide();  
    });
});

结束
标签： javascript   troubleshooting   小码农  

相关推荐

Javascript in wordpress

我在一个特定分区的页面中为同一类别的不同帖子显示了特色图片。我需要在另一个分区的同一页面中显示与此图片相关的整个帖子。我知道我必须在这方面使用JavaScript。但我需要一些参考，我可以用来做这件事。有人能帮我吗？我正在使用以下代码显示图像<?php /* Template Name: Meet The Team Template */ ?> <?php get_header(); ?> <div id=\"meet_post