// Correct way
$('#id').hide();
$('#id').show();
// Alternate way
$("#id").css("display", "none");
$("#id").css("display", "block");
$("#demo").hide(); // sets to display: none
$("#demo").show(200); // shows hidden elemnt with animation (speed)
$("#demo").toggle(); // toggle between show and hide
$( "#element" ).hide( "slow", function() { // hide with callback function
console.log( "Animation complete." );
});
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
//syntax
//$(selector).hide(speed,callback);
//$(selector).show(speed,callback);
// note: use display: none
<div class="continuous" style="display: none"> </div>
<script>
$(document).ready(function() {
$('#get_data_from_rxworks').click(function(e) {
$('.continuous').show(100); // show to UI when use display: none
// $('.continuous').hide(100); // hide()
})
});
</script>
$('#main').hide();
jQuery(document).ready(function() {
// Hide the extra content initially, using JS so that if JS is disabled
jQuery('.rmContent').addClass('rmHide');
// Set up the toggle.
jQuery(".rmToggle").on("click", function() {
jQuery(this).nextAll(".rmContent").toggleClass("rmHide");
});
jQuery("#showAbout").text("Show More").click(function(e) {
e.preventDefault();
jQuery(this).text(jQuery(this).text() == " Show Less ↑" ? " Show More ↓" : " Show Less ↑");
});
});
.estimbox input:checked ~ .estimcheckmark
.hide()