I wasn't sure whether you could post code in here, but here is what I have for the slideToggle code
src="http://www.usm.edu/music/scripts/jquery-1.3.1.js $(document).ready(function(){ // hides quickLinks just before page load $('#USMquickLinks').hide(); // toggles the slickbox on clicking the noted link $('.toggleQuickLinks a').click(function() { $('#USMquickLinks').slideToggle(400); return false; }); }); This seems to work fine (except for not knowing where to adjust the width of the div...), but when I add it into my template, the jd.gallery code conflicts, and I cannot figure out how. Here's what I'm using for jd.gallery: src="http://www.usm.edu/music/scripts/jd.gallery.js"; function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true, delay: 4000, showArrows: false, showCarousel: false, showInfopane: false, embedLinks: false }); } window.addEvent('domready', startGallery); Thanks again for any info. On Jan 23, 4:43 pm, Christian <christian.swe...@gmail.com> wrote: > Sorry for not being clear... My fault. > > If you go towww.usm.edu/music, you'll see the template as it should > be. Working perfectly, like I want it (with the js.gallery > functioning and rotating the images in the header; but notice the > "quick links" drop-down menu. Well, I want to take that and move it > into the "slideToggle" above the page, like it is on my test template. > > To set that up, I downloaded the jquery library, and placed it on my > server. I then added the JS code into the template to set up the new > "quick links" in the header portion. Well, after doing this, my > js.gallery started messing up, not rotating and overlapping, like you > noticed. I'm not sure how the JS is conflicting all of a sudden, and > I have no idea where to even begin to look at this fix. I don't have > much JS code in my templates, as I don't use it that much. The only > time I use it is with the js.gallery and the slideToggle. So, both > work independently of one another, just not together. > > Does that make more sense? > > Secondquestionis, after this is fixed, how do I adjust the width of > thetogglefield? Currently, it's larger than my site. I can't seem > to find a command that declares the size of the field. > > Thanks again for looking at this for me!!!! > > On Jan 23, 4:22 pm, jay <jay.ab...@gmail.com> wrote: > > > I get javascript errors in IE, and the images overlap the content in > > firefox.. what am I looking for exactly? > > > On Jan 23, 3:03 pm, Christian <christian.swe...@gmail.com> wrote: > > > > Hey everyone. > > > > I'm still a bit new to the whole jQuery world. I love what I've seen > > > so far, and it seems fairly simple to implement on a site. > > > > I recently viewed a web site through promotion on > > > ExpressionEngine.com, and found the slideToggle effect. I asked the > > > web admin if they can forward me what they used to create the effect > > > (which was exactly what I was looking for). I now have it working on > > > my test templates, but I cannot get it to resize. My site template is > > > at 940px, but the slider is a bit wider, and I cannot find that > > > control anywhere in the code. > > > > You can check out the page > > > athttp://www.usm.edu/music/index.php/testing/index/ > > > > Please keep in mind that it's a test template, so some CSS issues will > > > exist. > > > > Also, I am using a jd.Gallery script, and it is somehow conflicting > > > with the jQuery... Any help on this would be GREATLY appreciated. > > > I'm not a coder by any means, so please be gentle... =)
