Laura Gibbs

Having fun with jQuery tabs

Blog Post created by Laura Gibbs on Mar 26, 2017

So, I've been eagerly awaiting some free time (hard to come by in the past couple of weeks) when I could play with the jQuery tabs/accordions that I've read about here at the Community and which come highly recommended by Kona Jones among others... big thanks to Jeremy Perkins for the write-up here:

Using jQuery without Custom Javascript 

 

I'm pinging Keegan Long-Wheeler on this one; I don't know if people at OU already know about this very nifty design feature. I learned about it here at the Community, and I really like it! I don't do a lot of content development inside Canvas, but if I did, I would be making use of this a lot!

 

I was starting a new project today (a resource course for growth mindset materials), and so I played with the tabs for the first page I made... and it worked perfectly! Instead of having three separate pages for the three different kinds of cats (random, Flickr, Pinterest), I was able to put them on one page.

 

And because that was so easy, I decided to throw in one more tab (random cat blog post) just because it was not going to take up any page real estate, and might perhaps be useful to somebody.

 

For people who are curious about what's up with all these growth mindset cats, this is all in preparation for a CanvasLIVE next month, on Thursday, April 20.

5 Ways to Weave Growth Mindset into Your Courses 

 

Here's the page... what I hope will be the first of many pages to take shape in this new space over the next month.

Browse the Cats: Exploring Growth Mindset 

 

And a screenshot:

 

browse cats page screenshot

Outcomes