[CSS][JavaScript][HTML] Hash Change Opcje

[Nicc0]

Witam. Bez owijania w bawełnę. Używam na swojej stronie jquery.ba-hashchange.js z tym, że mam z nim problem. Przechodząc po zakładkach, w kodzie źródłowym (używam chrome) nie podmieniają się klasy i zostaje coś takiego:

[HTML] pobierz, plaintext 
<section class="content show" id="home" style="opacity: 0;">
</section>
 
<section class="content hide show" id="shop" style="opacity: 0;">
</section>
 
<section class="content hide show" id="stats" style="opacity: 0;">
</section>
 
<section class="content hide show" id="map" style="opacity: 1;">
</section>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.show{display: block;}
.hide{opacity: 0;} 
[HTML] pobierz, plaintext 

Kombinowałem na rożne sposoby: z-index, visibility. Ale stwierdziłem, że tu leży wina po stronie js'a. I chciałem za pomocą .removeClass i .toggleClass, ale nie umiem sobie z tym poradzić i muszę szukać pomocy u was. Z góry dzięki.

[lobopol]

Pokaż jakiś kod, bo na razie mamy tylko html. Najlepiej całość na jsfiddle.

[Nicc0]

Bardzo prosze http://jsfiddle.net/R77AH/15/

Dodam jeszcze w sumie najwazniejsze czyli main.js

[PHP] pobierz, plaintext 
jQuery(document).ready(function() {
 
	/* How to Handle Hashtags */
	jQuery(window).hashchange(function(){
		var hash = location.hash;
		jQuery('a[href='+hash+']').trigger('click');
	});
 
	/* Main Navigation Clicks */
	jQuery('.main-nav ul li a').click(function() {
		var link = jQuery(this).attr('href').substr(1);
 
		if ( !jQuery('section.content.show, section#' + link).is(':animated') ) {
			jQuery('.main-nav ul li a').removeClass('active'); //remove active
			jQuery('section.content.show').addClass('show').animate({'opacity' : 0}, {queue: false, duration: 1000,
				complete: function() {
					jQuery('a[href="#'+link+'"]').addClass('active'); // add active
					jQuery('section#' + link).addClass('show').animate({'opacity' : 1}, {queue: false, duration: 1000});	
				}
			});
		}
	});
 
});
[PHP] pobierz, plaintext 

Ten post edytował Nicc0 27.10.2013, 19:23:39

[lobopol]

Kod robi dokładnie to co mu kazałeś, nigdzie nie usuwasz klas show tylko je dodajesz, a opacity w kodzie ci zostanie chyba, że będziesz po skończeniu animacji usuwał zawartość atrybutu style ( co mija się z celem)