Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Reveal and hide widget content using jquery


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Apr 11, 2012, 10:00 PM
shallowmeya
 
4 posts · Apr 2012
[SOLVED] Reveal and hide widget content using jquery

Hi there,

I decided to use the Atahualpa theme for the customizable sidebars/widgets, which I am very much appreciating, however I'm having some trouble getting the dynamic effect I'm going for.

Here's the idea for the site:
All of the content is distributed into 4 categories, with each category showing up in a separate widget (2 in the left sidebar widgets and 2 right sidebar widgets). I'm using the "Category Column" plugin for that.
The content of each widget is hidden until a link (i.e. the title of the category) is clicked. Ideally it would work and look like the RevealingPhotoSlider effect, so onclick the height and width of the DIV containing the widget (which is nested in a cell -- I'm using tables) would expand, displacing the other widgets.

I've tried manipulating the photorevealer.js, css.php, and functions.php files to integrate the RevealingPhotoSlider into the Atahualpa theme, and it's gone through phases of different things working, not working, and/or looking wonky, but I've finally hit a dead end. Check it out for yourself: http://elizabethpovinelli.com

I (tried to) set it up so that, in theory, the category titles -- Academic, Karrabing, etc -- would act as links that trigger the jQuery command expanding the height and width of the DIVs. It's not working, though.

Is there an easier way to do this than to try to manipulate a jQuery script that wasn't meant for Atahualpa? Should I just switch to a different theme (I really don't want to!)? Should I use a different slider? Should I try to integrate more of the coding into the Atahualpa Theme Editor interface rather than messing with the raw stuff?

Any help is very much appreciated! Here are the relevant codes (photorevealer.js, css.php, header.php, footer.php) in a zip file: http://dl.dropbox.com/u/11520865/helpme.zip

Fair warning: the code is most likely abysmal and embarrassing. I'm basically blindly picking my way through the jQuery (and the PHP for that matter) and really have no idea what to do!

Last edited by shallowmeya; Apr 22, 2012 at 06:02 PM. Reason: referenced incorrect plugin; resolved!
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Page menu drop-down content appears underneath widget content Hells Bells Page & Category Menu Bars 7 Apr 12, 2012 04:28 PM
how to hide extra calendar caption box on wp widget candyk Sidebars & Widgets 1 Jan 9, 2011 04:44 PM
Can you Hide "Content Below the Loop" on Pages? NoisyDvL5 Center area post/pages 3 Aug 19, 2010 06:51 PM
How to put a click to reveal box for couponsite CW7 Forum How-To 0 Mar 30, 2010 07:05 PM
How to hide wordpress.org and the link in widget META budiary Sidebars & Widgets 2 Feb 16, 2009 03:27 PM


All times are GMT -6. The time now is 10:53 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.