Help: Grid Accordion with jQuery example - CSS-Tricks

This topic is empty.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
April 7, 2010 at 10:49 am #28645

adamaoc
Member

Hey guys. Let me start out by saying I’m a big fan and love the site. Have been following for a long time.

I got a brainstorm when I saw the post on the Grid Accordion on how it could be used in my wordpress site.
I have been back and forth on it for a few weeks now and still can not figure out what fault I have. I’m missing something…

The grid and CSS seems to be working just fine, only the jQuery or any functionality isn’t working. I’ve linked the jQuery the right way (i’m sure) and have read the post on linking files like that in wordpress from digging into wordpress site.

I’m using a template page and putting the Grid Accordion info into the the page inside of wordpress.
here is my link.http://txgarage.com/about/

let me know if you can see what i’m doing wrong.

thanks!

My Template:

Quote:

<?php
/*
Template Name: about
*/
?>

<?php get_header(); ?>

<div id="content" class="clearfix">

<div id="page-wrap">

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div id="post-<?php the_ID(); ?>" <?php if(function_exists(‘post_class’)) : post_class(); else : echo ‘class="post"’; endif; ?>>

<h3 class="post-title"><?php the_title(); ?></h3>

<?php the_content(); ?>

<div class="clear"></div>

</div>

<?php endwhile; ?>

<?php else : ?>

<div class="box-left" id="searchform">

<h3 class="post-title">Not found!</h3>
<p><?php _e(‘Sorry, no posts matched your criteria.’); ?></p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>

</div>

<?php endif; ?>

</div><!– end content-left –>

</div><!– end content –>

<?php get_footer(); ?>

My Header:

Quote:

<!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" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>" />

<title>

<?php if ( is_home() ) { ?><?php bloginfo(‘description’); ?> » <? bloginfo(‘name’); ?><?php } ?>

<?php if ( is_search() ) { ?><?php echo $s; ?> » <? bloginfo(‘name’); ?><?php } ?>

<?php if ( is_single() ) { ?><?php wp_title(”); ?> » <? bloginfo(‘name’); ?><?php } ?>

<?php if ( is_page() ) { ?><?php wp_title(”); ?> » <? bloginfo(‘name’); ?><?php } ?>

<?php if ( is_category() ) { ?>Archive <?php single_cat_title(); ?> » <? bloginfo(‘name’); ?><?php } ?>

<?php if ( is_month() ) { ?>Archive <?php the_time(‘F’); ?> » <? bloginfo(‘name’); ?><?php } ?>

<?php if ( is_tag() ) { ?><?php single_tag_title();?> » <? bloginfo(‘name’); ?><?php } ?>

<?php if ( is_404() ) { ?>Sorry, not found! » <? bloginfo(‘name’); ?><?php } ?>

</title>

<?php if (is_page_template(‘page-about.php’)){ ?>
<!– Begin About Files –>
<link rel=’stylesheet’ type=’text/css’ href=’http://txgarage.com/cssAbout/styleAbouts.css’ />

<script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js’></script>
<script type="text/javascript" src="<?php bloginfo(‘template_directory’); ?>/lib/js/infogrid.js"></script>
<!– End About Files –>

<?php } ?>

<link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url’); ?>" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="<?php bloginfo(‘rss2_url’); ?>" />

<link rel="pingback" href="<?php bloginfo(‘pingback_url’); ?>" />

<link rel="stylesheet" type="text/css" href="<?php bloginfo(‘template_directory’); ?>/lib/superfish.css" media="screen">

<script type="text/javascript" src="<?php bloginfo(‘template_directory’); ?>/lib/js/jquery-1.2.6.min.js"></script>

<script type="text/javascript" src="<?php bloginfo(‘template_directory’); ?>/lib/js/superfish.js"></script>

<script type="text/javascript" src="<?php bloginfo(‘template_directory’); ?>/lib/js/supersubs.js"></script>

<script type="text/javascript">

$(document).ready(function(){
$("ul.sf-menu").supersubs({
minWidth: 12, // minimum width of sub-menus in em units
maxWidth: 27, // maximum width of sub-menus in em units
extraWidth: 1 // extra width can ensure lines don’t sometimes turn over
// due to slight rounding differences and font-family
}).superfish();
});

</script>

<?php if (is_singular()) wp_enqueue_script( ‘comment-reply’ ); wp_head(); ?>

</head>

<body>

<div id="page">

<div id="header">

<div id="blog-logo" class="clearfix">

<h1 id="blog-title"><!– <a href="<?php bloginfo(‘url’); ?>">
<? bloginfo(‘name’); ?></a> –></h1>

<!– <h2 id="blog-description"><? bloginfo(‘description’); ?></h2>
–> </div>

<ul id="menu" class="sf-menu clearfix">

<li class="cat_item<?php if(is_home()) echo ‘ current-cat’; ?>"><a href="<?php bloginfo(‘url’); ?>">Home</a>
</li>

<?php wp_list_categories(‘title_li=&sort_column=menu_order’); ?>

</ul>

<ul id="menu2" class="sf2-menu clearfix" style="position:relative; top:90px; float:right;">

<?php wp_list_pages(‘title_li=&sort_column=menu_order&exclude=793,851,1067,1323’); ?>

</ul>

<div id="rss">

<a href="<?php bloginfo(‘rss2_url’); ?>">Subscribe to RSS Feed</a>

</div>

</div>
<!– end header –>

April 18, 2010 at 6:17 pm #74400

adamaoc
Member

No help???

If you need more info or anything let me know.

I’d really like to get this working!

thanks
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Back End’ is closed to new topics and replies.