Comments on: Basic Show and Hide

By: CS

CS — Fri, 12 Mar 2010 03:41:22 +0000

I am really new in this. I tried the example, but the title part only was hidden for 1 second or 2, re-appeared, which makes me think the hiding is only linked to the click event, and the effect is gone after the click event finishes... Could you please shed some light? The jQuery part:


$(document).ready(function() {
    $('#hideTitle').click(function() {
        $('h1').hide();
    });
    $('#showTitle').click(function() {
        $('h1').show();
    });
});

By: JS Tonen en verbergen van een div - 9lives - Games Forum

JS Tonen en verbergen van een div - 9lives - Games Forum — Mon, 01 Mar 2010 22:13:43 +0000

[...] Doe dat met jQuery. Nu zit je met tagsoep (onclick bij een link). Is niet de beste manier van werken. Basic Show and Hide Learning jQuery – Tips, Techniques, Tutorials [...]

By: Karl Swedberg

Karl Swedberg — Fri, 29 Jan 2010 00:58:24 +0000

This sounds like an issue I discuss in this article. Also, this issue is addressed in the Frequently Asked Questions page.

By: WeaponsTheyFear

WeaponsTheyFear — Wed, 13 Jan 2010 23:06:26 +0000

I am having trouble with hiding in created elements. I click on a title, and it loads a page inside a div. The contetn that was loaded has some css that SHOULD be hidden by default, but is not (content loaded is a form, and things that are hidden are errors messages).

I ran into similar situation where I needed to use LiveQuery but am at a loss as to why this isn’t working. I have been able to find nothing about it.

By: Tejas L Tank

Tejas L Tank — Thu, 19 Nov 2009 05:23:04 +0000

Hi.

Since a last few month i try to learn jquery very fastly in short time but not so possible but after visiting this page , now i can work better on jquery , thanks a lot dear

By: Vinnycius

Vinnycius — Sat, 24 Oct 2009 20:31:46 +0000

Thank you man..

That was very helpful!!!

By: Galina

Galina — Fri, 19 Jun 2009 19:55:43 +0000

How you show hide on mouseover using jquery, every example is on click. I would like to know how to show log in control on mouseover hyperlink Please login.
thank oyu

By: Karl Swedberg

Karl Swedberg — Sun, 14 Jun 2009 17:52:57 +0000

Hi Mark,
You just need to set the border-bottom property for the acronym. Something like this:
acronym, abbrev { border-bottom: 1px dotted #d44314; }

By: Mark

Mark — Tue, 09 Jun 2009 13:54:10 +0000

Thanks for the great code. I have a follow-up Q:
on your acronyms, you have a different style (dashed lines instead of solid). Can you share the details of how you did this? Thanks!

By: ixi

ixi — Wed, 20 May 2009 09:15:24 +0000

very nice indeed