Comments on: It’s all about CSS

By: 100 jQuery Tutorials and Examples | CSS Experiments

100 jQuery Tutorials and Examples | CSS Experiments — Mon, 02 Feb 2009 18:46:40 +0000

[...] It’s all about CSS- If you’ve got a good understand of CSS selectors, then you’re already familiar with how to query the DOM. [...]

By: 51+ JQuery Tutorials and Examples at expertzweb

51+ JQuery Tutorials and Examples at expertzweb — Mon, 01 Sep 2008 18:19:43 +0000

[...] It’s all about CSS- If you’ve got a good understand of CSS selectors, then you’re already familiar with how to query the DOM. [...]

By: Edwin

Edwin — Sun, 17 Aug 2008 13:56:17 +0000

Great introduction into jQuery, thank you very much!

By: prisca

prisca — Sun, 27 Apr 2008 16:05:36 +0000

Hi,

thanks for a great site :) learning a lot on here ;)

I've got a problem though with controlling this sliding down effect in a very specific manner... - as I'm new to this I would really appreciate any help, or pointers...

I'm collecting my samples on this page here: http://dev.eyedea.eu/jquery/pages/slidepanel.html

Basically, I would like to control the sliding element which reveals my content. I managed to get it working - it slides down fine. But I would like to stop it once it reaches a certain position, ie the very bottom of the window, and then assign it the CSS property of fixed (allowing page content to scroll behind it).

My sample #6 works with a final result of how the page should look - m problem is that the panel slides out of the window entirely, then jumps into position.

I think I am close - but cannot figure out to stop the sliding motion at the right moment (and if statement of some sorts I imagine). So the whole thing looks very clumsy ... my JS code (in addition to the JQuery link):

$(document).ready(function(){
        $("#wrap").hide();
        $(".btn-slide").click(function(){
        $("#wrap").slideDown();
        $("#wrap").slideDown("slow");
        $("#wrap").slideDown(function () { $("#footer").css({ height: "84px", position: "fixed", bottom: "0" }); });
        return false;
    });
});

Sorry to go on so long - but I have been trying to find a solution desperately and was trying to explain as clearly as possible. Any thoughts would be greatly appreciated....

By: 51+最佳jQuery教程和示例 | 帕兰映像

51+最佳jQuery教程和示例 | 帕兰映像 — Fri, 25 Apr 2008 05:11:47 +0000

[...] It’s all about CSS- If you’ve got a good understand of CSS selectors, then you’re already familiar with how to query the DOM. [...]

By: Remy

Remy — Tue, 05 Feb 2008 09:40:45 +0000

@Tom - the second code looks right, so my bet is that it's not wrapped in a 'ready' statement:

$(document).ready(function () {
  $(”img.classname”).click(function() { /*stuff*/ });
});

By: Tom

Tom — Tue, 05 Feb 2008 03:57:42 +0000

I actually put the wrong code in my previous comment, should be

$("img.classname").click(function() { //stuff });

My html is a simple img with the class classname. I've tried this on anchor tags as well to no avail.

By: Tom

Tom — Tue, 05 Feb 2008 03:55:33 +0000

Perhaps I'm doing something wrong, but I can't seem to get binding a click handler to elements of a certain class to work. I'm using jquery 1.2.2 and this code

$("classname").click(function(){ //some things });

html is

Any ideas?

TIA, Tom

By: Jim

Jim — Fri, 07 Dec 2007 20:45:57 +0000

Of course you can also do:

$('.hidden').css('display', 'none');

I've always wondered if there is any speed difference between that and $('.hidden').hide();