display:none is not working in wordpress script
display:none is not working in wordpress script
testforuseone
Posts: 1Questions: 1Answers: 0
In following script in word press we need to hide and show few elements but for few ids hide is not working
jQuery.noConflict(); (function( $ ) { $(document).ready(function(){ $("#component-5a77eb8fd5f26").show(); $("#component-5a77eb8fedf65").hide(); $("#component-5a77eb8fa0721").hide(); $("#component-5a77eb8f79911").hide(); $("#component-5a7180dae1520").show(); $("#component-5a79817b902c3").hide(); $("#component-5a79817be29b1").hide(); $("#component-5a79817b1f3cd").hide(); $("#component-5a780c2c486cf").show(); $("#component-5a798209e5a68").hide(); $("#component-5a798209597bb").hide(); $("#component-5a7982099b22f").hide(); $( ".bx-pager-item" ).click(function() { var value; switch ( $( ".bx-pager-item" ).index( this ) ) { case 0 : $("#component-5a77eb8fd5f26").show(); $("#component-5a77eb8fedf65").hide(); $("#component-5a77eb8fa0721").hide(); $("#component-5a77eb8f79911").hide(); $("#component-5a7180dae1520").show(); $("#component-5a79817b902c3").css({'display':'none'}); $("#component-5a79817be29b1").hide(); $("#component-5a79817b1f3cd").hide(); $("#component-5a780c2c486cf").show(); $("#component-5a798209e5a68").hide(); $("#component-5a798209597bb").hide(); $("#component-5a7982099b22f").hide(); break; case 1 : $("#component-5a77eb8fd5f26").hide(); $("#component-5a77eb8fedf65").show(); $("#component-5a77eb8fa0721").hide(); $("#component-5a77eb8f79911").hide(); $("#component-5a7180dae1520").hide(); $("#component-5a79817b902c3").show(); $("#component-5a79817be29b1").hide(); $("#component-5a79817b1f3cd").hide(); $("#component-5a780c2c486cf").hide(); $("#component-5a798209e5a68").show(); $("#component-5a798209597bb").hide(); $("#component-5a7982099b22f").hide(); break; case 2 : $("#component-5a77eb8fd5f26").hide(); $("#component-5a77eb8fedf65").hide(); $("#component-5a77eb8fa0721").show(); $("#component-5a77eb8f79911").hide(); $("#component-5a7180dae1520").hide(); $("#component-5a79817b902c3").css("position", "absolute"); $("#component-5a79817be29b1").show(); $("#component-5a79817b1f3cd").hide(); $("#component-5a780c2c486cf").hide(); $("#component-5a798209e5a68").hide(); $("#component-5a798209597bb").show(); $("#component-5a7982099b22f").hide(); break; case 3 : $("#component-5a77eb8fd5f26").hide(); $("#component-5a77eb8fedf65").hide(); $("#component-5a77eb8fa0721").hide(); $("#component-5a77eb8f79911").show(); $("#component-5a7180dae1520").hide(); $("#component-5a79817b902c3").hide(); $("#component-5a79817be29b1").hide(); $("#component-5a79817b1f3cd").show(); $("#component-5a780c2c486cf").hide(); $("#component-5a798209e5a68").hide(); $("#component-5a798209597bb").hide(); $("#component-5a7982099b22f").show(); $("#component-5a797f3229322").hide(); $("#component-5a797f3229322").hide(); $("#component-5a797f3229322").hide(); $("#component-5a797f3229322").show(); break; } }); }); })(jQuery);This discussion has been closed.
Answers
I'm not clear how this relates to DataTables?
Allan