Question

在此页面上：http://woocommerce-74099-288162.cloudwaysapps.com/flashing-jquery我在页面底部有一个标签框。当您单击左侧的选项卡按钮时，应该显示的div在页面底部闪烁，然后进入显示或隐藏的动画。我的代码是基本的：

sys_mprotect

我已尝试在隐藏的div上使用css显示无。

感谢您的帮助。

Answer 1

＆＃34;闪烁＆＃34;是因为两个动画同时发生。

如果你把第二个放在第一个回调中，它们将按顺序发生。

试试这个：

jQuery( document ).ready(function() {
  jQuery("#ct_div_block_121_post_13").hide(600);
});
jQuery("#ct_text_block_86_post_13").click(function(){
  jQuery("#ct_div_block_90_post_13").hide(600,function(){
    jQuery("#ct_div_block_121_post_13").show(600);
  });
});
jQuery("#ct_text_block_84_post_13").click(function(){
  jQuery("#ct_div_block_121_post_13").hide(600,function(){
    jQuery("#ct_div_block_90_post_13").show(600);
  });
});

的修改

因为＆＃34;华而不实的错误＆＃34;仍然存在，让我们尝试别的东西。

在style.css中，对此部分进行评论（使用/*和*/，如下所示）：

/*
.ct-section::after,
.ct-section-inner-wrap::after,
.ct-div-block::after {
  display: table;
  content: " ";
  clear: both;
  white-space: normal;
}
*/

并添加：

.ct-section,
.ct-section-inner-wrap,
.ct-div-block{
  display:table;
  clear:both;
}

隐藏div时，伪元素:after消失 The "flash" can be seen here以10％的速度......明确表示。

Answer 2

jquery的优点之一就是链接，我认为它会对你有所帮助

jQuery( document ).ready(function() {
  jQuery("#ct_div_block_121_post_13").hide(600);
});
jQuery("#ct_text_block_86_post_13").click(function(){
  jQuery("#ct_div_block_121_post_13").show(600).jQuery("#ct_div_block_90_post_13").hide(600);
});
jQuery("#ct_text_block_84_post_13").click(function(){
  jQuery("#ct_div_block_90_post_13").show(600).jQuery("#ct_div_block_121_post_13").hide(600);
});

Div在jQuery显示或隐藏之前闪烁

2 个答案: