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

Question

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

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 上使用 css 显示无。

感谢您的帮助。

Answer 1

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);
});