Search jQuery

jQuery Forum

Screen name:
dodomeki

dodomeki's Profile

8 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Jquery onclick event repeating multiple times
[0Replies]
- 04-Oct-2011 05:38 PM
- Forum: Getting Started
I'm having an issue where my onclick events will continue to propagate multiple times
after trying to click to close. I thought I would be able to return false, but it looks like this
is not the issue. Neither does evt.stopImmediatePropagation(); seem to fix it.

The run down:
So onclick the class is appended open, if an onclick event is fired afterward it should remove
the class end end the function.

then onclick if the class is open it should remove open and stop. Unfortunately it thinks this is ANOTHER onclick event and the proceeds to add and remove .open multiple times. I'm not sure what the issue is?
[code]
        $(document).ready(function() {
            var menu = '.menu_box.f0';

            $(document).delegate('.menu_box.f1', 'click', function(evt){
                evt.preventDefault();
                evt.stopPropagation();
                var child = $(this).closest('li').find('ul');
                var otherMenu = $(menu).not($(child));
                console.log( otherMenu );
                if ($(otherMenu).hasClass('open')){
                    $(otherMenu).slideUp('fast').removeClass('open');
                    $(otherMenu).addClass('visuallyhidden');
                    console.log( otherMenu )
                }
                else{
                    $(child).slideDown('fast').removeClass('visuallyhidden').show();
                    $(child).addClass('open');
                }

                console.log('Menu clicked');
            });

            $(document).delegate('.collapse', 'click', function collapseClick(){

                var collParent = $(this).closest('li').find('.menu_box.f0');
                var otherMenu = $(menu).not($(collParent));
                var foc = $(this).closest('li').find('.filterinput');

                if ($(collParent).hasClass('open')){
                $(collParent).slideUp('fast');
                $(collParent).removeClass('open');
            }
            else{
                $(collParent).slideDown('fast').removeClass('visuallyhidden').show();
                $(collParent).addClass('open');
                $(foc).focus();
                console.log(foc);
            }
                if ($(otherMenu).hasClass('open')){
                    $(otherMenu).removeClass('open');
                    $(otherMenu).addClass('visuallyhidden');
                    console.log( otherMenu )
                }
                else{

                }
            });

                    $('.menu').bind('focusout', function clickAway(){
                    var collapse = $(this).children('li').find('.menu_box.f0');
                    var foc = $(collapse).closest('li').find('.filterinput');
                    if ($(collapse).hasClass('open')){
                    $(collapse).slideUp('slow');
//                    $(collapse).removeClass('open');
                    console.log(collapse);
                }
                else{
                }
           });

        });
[code]

It looks to have something to do with $(collapse).removeClass('open'); before the empty else at the end Any ideas?

Drag to scroll plugin?
[2Replies]
- 16-Jun-2011 07:48 PM
- Forum: Using jQuery Plugins
Just curious if anyone has seen a "Drag to Scroll" Plugin.
AKA, a user has a list of pictures in a div, one of those
pictures is focus/viewable, to move to the next/previous
picture, user needs to click/hold the picture and flick left
or right to move to the next. I see stuff like this in mobile
applications etc, but cannot remember seeing this on the
web.

Does anyone know anything worth sharing? Thanks!

[jQuery] Adding Multi-Tier to Drop Menu?
[3Replies]
- 08-Oct-2009 05:30 AM
- Forum: Using jQuery
I thought I could get this working with my first UL, doesn't seem to
be
cooperating very much though. Anyone mind helping me find out how
to add the ability to traverse up to four tiers? Much MUCH
appreciated!
[code]
$(document).ready(function(){
    $("ul.subnav").parent().append("<span></span>"); //Only shows drop
down trigger when js is enabled - Adds empty span tag after ul.subnav
    $("ul.topnav li span").hover(function() { //When trigger is
onHover...
        //Following events are applied to the subnav itself (moving subnav
up and down)
        $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop
down the subnav on click
        $(this).find('ul:first:hidden').css({visibility: "visible",display:
"none"}).show(400);
        $(this).find('ul:first').css({visibility: "hidden"});
        $(this).parent().hover(function() {
        }, function(){
            $(this).parent().find("ul.subnav").slideUp('slow'); //When the
mouse hovers out of the subnav, move it back up
        });
        //Following events are applied to the trigger (Hover events for the
trigger)
        }).hover(function() {
            $(this).addClass("subhover"); //On hover over, add class "subhover"
        }, function(){    //On Hover Out
            $(this).removeClass("subhover"); //On hover out, remove class
"subhover"
    });
});
And here's my body to body to see the syntax I'm using
[code]
<body>
<div class="container">
<div id="header">
     <div class="disclaimer"></div>
        <ul class="topnav">
<li><a href="#">Lighting</a>
<ul class="subnav">
<li><a href="#">PR LIGHTING</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/Lighting/prl-
ar.php">Architectural</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/prl-
cp.php">Centerpieces</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/prl-dj.php">DJ Pro
Series</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/prl-
fs.php">Followspots</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/prl-my.php">Moving
Yoke</a></li>
</ul></li>
<li><a href="#">NOVALIGHT</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/Lighting/nvl-
sl.php">Searchlights</a></li>
</ul></li>
<li><a href="#">OMNILITE</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/Lighting/lit-
cr.php">Controllers</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/lit-fx.php">Effect
Lighting</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/lit-
il.php">Intelligent</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/lit-ld.php">LED
Lighting</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/lit-se.php">Special
Effects</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/lit-uv.php">UV
Lighting</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/lit-st.php">Stands</
a></li>
</ul></li>
<li><a href="#">PSL</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/Lighting/psl-
ar.php">Architectural</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/psl-
cp.php">Centerpieces</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/psl-fx.php">Effect
Lighting</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/psl-fo.php">Fiber
Optic</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/psl-
il.php">Intelligent</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/psl-se.php">Special
Effects</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/psl-
th.php">Theatrical</a></li>
<li><a href="http://omnisistem.com/layers/Lighting/lit-uv.php">UV
Lighting</a></li>
</ul></li>
</ul></li>
<li><a href="#">LED</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/LED/led-fx.php">Effects</a></
li>
<li><a href="http://omnisistem.com/layers/LED/led-pc.php">Par Cans</
a></li>
<li><a href="http://omnisistem.com/layers/LED/led-my.php">Moving Yoke</
a></li>
<li><a href="http://omnisistem.com/layers/LED/led-sp.php">Strips</a></
li>
<li><a href="http://omnisistem.com/layers/LED/led-ps.php">Panels</a></
li>
<li><a href="http://omnisistem.com/layers/LED/led-vw.php">Video Walls</
a></li>
</ul></li>
<li><a href="#">Lasers</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/Lasers/lsr-
pr.php">Professional</a></li>
<li><a href="http://omnisistem.com/layers/Lasers/lsr-sp.php">Semi-
Professional</a></li>
<li><a href="http://omnisistem.com/layers/Lasers/lsr-dj.php">DJ &
Club</a></li>
<li><a href="http://omnisistem.com/layers/Lasers/lsr-
la.php">Accessories</a></li>
</ul></li>
<li><a href="#">Omni Cables</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/Omni Cables/cbl-al.php">All
Cables</a></li>
</ul></li>
<li><a href="#">Omni Cases</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/Omni Cases/css-hd.php">Hard</
a></li>
<li><a href="http://omnisistem.com/layers/Omni Cases/css-sf.php">Soft</
a></li>
<li><a href="http://omnisistem.com/layers/Omni Cases/css-rd.php">Road</
a></li>
<li><a href="http://omnisistem.com/layers/Omni Cases/css-
fl.php">Flight</a></li>
</ul></li>
<li><a href="http://omnisistem.com/layers/Omni Sound/snd-al">Omni
Sound</a></li>
<li><a href="#">TrussSistems</a>
<ul class="subnav">
<li><a href="http://omnisistem.com/layers/TrussSistems/trs-
cl.php">Clamps</a></li>
<li><a href="http://omnisistem.com/layers/TrussSistems/trs-
tr.php">Truss</a></li>
</ul></li>
        </ul>
     </div>
    </div>
</body>
[/code]
Thanks Guys!

Stuck adding multitier, need help!
[0Replies]
- 08-Oct-2009 05:27 AM
- Forum: Using jQuery
I thought I could get this working with my first UL, doesn't seem to be
cooperating very much though. Anyone mind helping me find out how
to add the ability to traverse up to four tiers? Much MUCH appreciated!

$(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav $("ul.topnav li span").hover(function() { //When trigger is onHover... //Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click $(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).show(400); $(this).find('ul:first').css({visibility: "hidden"}); $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up }); //Following events are applied to the trigger (Hover events for the trigger) }).hover(function() { $(this).addClass("subhover"); //On hover over, add class "subhover" }, function(){ //On Hover Out $(this).removeClass("subhover"); //On hover out, remove class "subhover" }); }); And here's my body to body to see the syntax I'm using [code] <body> <div class="container"> <div id="header"> <div class="disclaimer"></div> <ul class="topnav"> <li><a href="#">Lighting</a> <ul class="subnav"> <li><a href="#">PR LIGHTING</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/Lighting/prl-ar.php">Architectural</a></li> <li><a href="http://omnisistem.com/layers/Lighting/prl-cp.php">Centerpieces</a></li> <li><a href="http://omnisistem.com/layers/Lighting/prl-dj.php">DJ Pro Series</a></li> <li><a href="http://omnisistem.com/layers/Lighting/prl-fs.php">Followspots</a></li> <li><a href="http://omnisistem.com/layers/Lighting/prl-my.php">Moving Yoke</a></li> </ul></li> <li><a href="#">NOVALIGHT</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/Lighting/nvl-sl.php">Searchlights</a></li> </ul></li> <li><a href="#">OMNILITE</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/Lighting/lit-cr.php">Controllers</a></li> <li><a href="http://omnisistem.com/layers/Lighting/lit-fx.php">Effect Lighting</a></li> <li><a href="http://omnisistem.com/layers/Lighting/lit-il.php">Intelligent</a></li> <li><a href="http://omnisistem.com/layers/Lighting/lit-ld.php">LED Lighting</a></li> <li><a href="http://omnisistem.com/layers/Lighting/lit-se.php">Special Effects</a></li> <li><a href="http://omnisistem.com/layers/Lighting/lit-uv.php">UV Lighting</a></li> <li><a href="http://omnisistem.com/layers/Lighting/lit-st.php">Stands</a></li> </ul></li> <li><a href="#">PSL</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/Lighting/psl-ar.php">Architectural</a></li> <li><a href="http://omnisistem.com/layers/Lighting/psl-cp.php">Centerpieces</a></li> <li><a href="http://omnisistem.com/layers/Lighting/psl-fx.php">Effect Lighting</a></li> <li><a href="http://omnisistem.com/layers/Lighting/psl-fo.php">Fiber Optic</a></li> <li><a href="http://omnisistem.com/layers/Lighting/psl-il.php">Intelligent</a></li> <li><a href="http://omnisistem.com/layers/Lighting/psl-se.php">Special Effects</a></li> <li><a href="http://omnisistem.com/layers/Lighting/psl-th.php">Theatrical</a></li> <li><a href="http://omnisistem.com/layers/Lighting/lit-uv.php">UV Lighting</a></li> </ul></li> </ul></li> <li><a href="#">LED</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/LED/led-fx.php">Effects</a></li> <li><a href="http://omnisistem.com/layers/LED/led-pc.php">Par Cans</a></li> <li><a href="http://omnisistem.com/layers/LED/led-my.php">Moving Yoke</a></li> <li><a href="http://omnisistem.com/layers/LED/led-sp.php">Strips</a></li> <li><a href="http://omnisistem.com/layers/LED/led-ps.php">Panels</a></li> <li><a href="http://omnisistem.com/layers/LED/led-vw.php">Video Walls</a></li> </ul></li> <li><a href="#">Lasers</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/Lasers/lsr-pr.php">Professional</a></li> <li><a href="http://omnisistem.com/layers/Lasers/lsr-sp.php">Semi-Professional</a></li> <li><a href="http://omnisistem.com/layers/Lasers/lsr-dj.php">DJ & Club</a></li> <li><a href="http://omnisistem.com/layers/Lasers/lsr-la.php">Accessories</a></li> </ul></li> <li><a href="#">Omni Cables</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/Omni Cables/cbl-al.php">All Cables</a></li> </ul></li> <li><a href="#">Omni Cases</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/Omni Cases/css-hd.php">Hard</a></li> <li><a href="http://omnisistem.com/layers/Omni Cases/css-sf.php">Soft</a></li> <li><a href="http://omnisistem.com/layers/Omni Cases/css-rd.php">Road</a></li> <li><a href="http://omnisistem.com/layers/Omni Cases/css-fl.php">Flight</a></li> </ul></li> <li><a href="http://omnisistem.com/layers/Omni Sound/snd-al">Omni Sound</a></li> <li><a href="#">TrussSistems</a> <ul class="subnav"> <li><a href="http://omnisistem.com/layers/TrussSistems/trs-cl.php">Clamps</a></li> <li><a href="http://omnisistem.com/layers/TrussSistems/trs-tr.php">Truss</a></li> </ul></li> </ul> </div> </div> </body> Thanks Guys! [/code]

[jQuery] [Breadcrumb] Doing it in JQuery? Source Provided!
[0Replies]
- 07-Apr-2009 07:41 AM
- Forum: Using jQuery
I wrote a snippet of code that works for the most part. I'm really trying to
shave it down and expand its functionality though and am having a hard as
hell time doing it. This chunk of code should [b]Theoretically[/b] allow a
bread
crumb trail using href as the crumb.
[code]
function PathWatch(path_change_cb, interval) {
// Store initial path
this.path = document.location.href;
// Store the function to call when the path changes
this.path_change_cb = path_change_cb;
// Default interval is 400 miliseconds
if (!interval) interval = 400;
this.check_new_path = function() {
// If the location has changed, store the new location
// and call the callback function
if (document.location.href != this.path) {
this.path = document.location.href;
this.path_change_cb();
}
}
// Check for a new path every interval miliseconds
this.oInterval = setInterval(this.check_new_path, interval);
}
[/code]
I would use something to this effect to call it, the real problem
is I don't want 3000+ lines of if/elseif statements declaring what
to do.
[code]
#web-administrator OMNISISTEM
#contact Contact
function path_changed() {
if (document.location.hash == "#web-administrator") {
loadDiv('<?=$lit;?>prl-pt.php','iContent');
}
else if (document.location.hash == "#contact") {
loadDiv('layers/dealer/contact.php', 'iContent');
}
// Add more cases here..
}
PathWatch(path_changed);
[/code]
So what do I do? How do I turn it into JQuery? What are the
chances of specifying my loadDiv variables without an onclick
event, but save myself the hassle of making never ending if
elseifs?
All replies GREATLY appreciated, speculation or code tidying as well.
--
View this message in context: http://www.nabble.com/-Breadcrumb--Doing-it-in-JQuery--Source-Provided%21-tp22935369s27240p22935369.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Auto Refreshing my Height var.
[1Reply]
- 10-Dec-2008 04:52 AM
- Forum: Using jQuery
I have a pretty funky sliding/accordion(ing) menu right now as the main
navigational means of my page, unfortunately the height is set at a static
number since I cannot get a "Get Curr Height" function to work, I've tried
about a dozen different ways, and no dice each time. I am not using the
dimensions.jquery.js so I know it limits my abilities to capture height a
touch, but I would think that there is a way to do it without adding dim?

Some of the things that I tried were scrollHeight, innerHeight, and just
plain height. I must be messing up a line of code though if none of these
work.... Anyone want to throw in a couple words?

var isExtended = 0; var width = 200; var height = 480; var slideDuration = 1000; var opacityDuration = 1500; function extendContract(){ if(isExtended == 0){ sideBarSlide(0, height, 1, width); sideBarOpacity(0, 1); isExtended = 1; // make expand tab arrow image face left (inwards) $('#sideBarTab').children().get(0).src = $('#sideBarTab').children().get(0).src.replace(/(\.[^.]+)$/, '-active$1'); } else{ sideBarSlide(height, 0, width, 1); sideBarOpacity(1, 0); isExtended = 0; // make expand tab arrow image face right (outwards) $('#sideBarTab').children().get(0).src = $('#sideBarTab').children().get(0).src.replace(/-active(\.[^.]+)$/, '$1'); } } function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth) { $("sideBarContents").css ({'height': fromHeight, 'width': fromWidth}); $("#sideBarContents").animate( { 'height': toHeight, 'width': toWidth }, { 'queue': false, 'duration': slideDuration }, "linear" ); } function sideBarOpacity(from, to){ $("#sideBarContents").animate( { 'opacity': to }, opacityDuration, "linear" ); } $(function(){ // Document is ready $('#sideBarTab').hover( function() { extendContract(); return false; },function(){}); });

[jQuery] Adding AutoHeight for Accordion SideBar
[0Replies]
- 18-Nov-2008 12:35 PM
- Forum: Using jQuery
Here at work this morning with more complete source code. Here's a
better description of what
I'm trying to accomplish. The Height variable in my Javascript code is
right now static and set at
320px vertical. [b]The problem [/b] is that since my height is
predefined, yet my internals are
dynamic because of the accordion menu, as soon as my menu accordions
out, most of my content
is then hidden. I will need to compress these into on js plugin,
(probably be foremost), and great a
height variable that will expand and contract with its content.
Source for Sidebar:
<pre>[code]
var isExtended = 0;
var height = 320; // This is the Variable that I need to be made
Dynamic
var width = 200;
var slideDuration = 1000;
var opacityDuration = 1500;
function extendContract(){
if(isExtended == 0){
sideBarSlide(0, height, 1, width);
sideBarOpacity(0, 1);
isExtended = 1;
// make expand tab arrow image face left (inwards)
$('#sideBarTab').children().get(0).src = $
('#sideBarTab').children().get(0).src.replace(/(\.[^.]+)$/, '-active
$1');}
else{
sideBarSlide(height, 0, width, 1);
sideBarOpacity(1, 0);
isExtended = 0;
// make expand tab arrow image face right (outwards)
$('#sideBarTab').children().get(0).src = $
('#sideBarTab').children().get(0).src.replace(/-active(\.[^.]+)$/,
'$1');}}
function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth) {
$("sideBarContents").css ({'height': fromHeight, 'width':
fromWidth});
$("#sideBarContents").animate( { 'height': toHeight, 'width':
toWidth }, { 'queue': false, 'duration': slideDuration }, "linear" );}
function sideBarOpacity(from, to){
$("#sideBarContents").animate( { 'opacity': to },
opacityDuration, "linear" );}
$(function(){
// Document is ready
$('#sideBarTab').hover( function() { extendContract(); return
false; });
});
$(document).ready(function() {
});
</pre>[/code]
Source For Expanding Menu:
<pre>[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="js/jquery.js" type="text/javascript"></
script>
<script type="text/javascript" src="js/
sidebar.js"></script>
<script type="text/javascript">

</script>
</head>
<body>
<div id="sideBar">
sideBar
<div id="sideBarContents">
<div class="sideBarContentsInner">
<h2 class="drawer-head">sidebar</h2>
<ul class="drawers">
<li class="drawer">
<h2 class="drawer-handle">...</h2>
<ul><li>...</li></ul>
</li>
</ul>
</div>
</div>
</div> 
</body>
</html>
[/code]<pre>

AutoHeight Variable
[0Replies]
- 18-Nov-2008 04:03 AM
- Forum: Using jQuery
Here at work this morning with more complete source code. Here's a
better description of what I'm trying to accomplish. The Height variable
in my Javascript code is right now static and set at 320px vertical.

The problem is that since my height is predefined, yet my
internals are dynamic because of the accordion menu, as soon as
my menu accordions out, most of my content is then hidden. I will
need to compress these into on js plugin, (probably be foremost),
and great a height variable that will expand and contract with its
content.

Source for Sidebar:
var isExtended = 0; var height = 320; // This is the Variable that I need to be made Dynamic var width = 200; var slideDuration = 1000; var opacityDuration = 1500; function extendContract(){ if(isExtended == 0){ sideBarSlide(0, height, 1, width); sideBarOpacity(0, 1); isExtended = 1; // make expand tab arrow image face left (inwards) $('#sideBarTab').children().get(0).src = $('#sideBarTab').children().get(0).src.replace(/(\.[^.]+)$/, '-active$1');} else{ sideBarSlide(height, 0, width, 1); sideBarOpacity(1, 0); isExtended = 0; // make expand tab arrow image face right (outwards) $('#sideBarTab').children().get(0).src = $('#sideBarTab').children().get(0).src.replace(/-active(\.[^.]+)$/, '$1');}} function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth) { $("sideBarContents").css ({'height': fromHeight, 'width': fromWidth}); $("#sideBarContents").animate( { 'height': toHeight, 'width': toWidth }, { 'queue': false, 'duration': slideDuration }, "linear" );} function sideBarOpacity(from, to){ $("#sideBarContents").animate( { 'opacity': to }, opacityDuration, "linear" );} $(function(){ // Document is ready $('#sideBarTab').hover( function() { extendContract(); return false; }); }); $(document).ready(function() { });

Source For Expanding Menu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript" src="js/sidebar.js"></script> <script type="text/javascript">  </script> </head> <body> <div id="sideBar"> # images/main/slide-button.png <div id="sideBarContents"> <div class="sideBarContentsInner"> <h2 class="drawer-head">sidebar</h2> <ul class="drawers"> <li class="drawer"> <h2 class="drawer-handle">...</h2> <ul><li> # ... </li></ul> </li> </ul> </div> </div> </div>  </body> </html>

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend