BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

changing to lastest jQuery version and using new tabs js

Browse Source
This commit is contained in:
Dave Gamache
2012-01-25 20:51:32 -08:00
parent 2dfa28cea9
commit b43be292ee
3 changed files with 15 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -72,7 +72,7 @@
<!-- JS <!-- JS
================================================== --> ================================================== -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="javascripts/tabs.js"></script> <script src="javascripts/tabs.js"></script>
<!-- End Document <!-- End Document

19
javascripts/tabs.js
View File

@@ -1,5 +1,5 @@
/* /*
* Skeleton V1.1 * Skeleton V1.2
* Copyright 2011, Dave Gamache * Copyright 2011, Dave Gamache
* www.getskeleton.com * www.getskeleton.com
* Free to use under the MIT license. * Free to use under the MIT license.
@@ -8,18 +8,7 @@
*/ */
$(document).ready(function() { $('body').delegate('ul.tabs > li > a', 'click', function(e) {
/* Tabs Activiation
================================================== */
var tabs = $('ul.tabs');
tabs.each(function(i) {
//Get all tabs
var tab = $(this).find('> li > a');
tab.click(function(e) {
//Get Location of tab's content //Get Location of tab's content
var contentLocation = $(this).attr('href'); var contentLocation = $(this).attr('href');
@@ -30,7 +19,7 @@ $(document).ready(function() {
e.preventDefault(); e.preventDefault();
//Make Tab Active //Make Tab Active
tab.removeClass('active'); $(this).parent().siblings().children('a').removeClass('active');
$(this).addClass('active'); $(this).addClass('active');
//Show Tab Content & add active class //Show Tab Content & add active class
@@ -38,5 +27,3 @@ $(document).ready(function() {
} }
}); });
});
});

2
stylesheets/skeleton.css vendored
View File

@@ -232,5 +232,3 @@
width: 0; width: 0;
height: 0; height: 0;
} }