Skip to content

Instantly share code, notes, and snippets.

@betweenbrain
Created March 14, 2012 01:51
Show Gist options
  • Save betweenbrain/2033316 to your computer and use it in GitHub Desktop.
Save betweenbrain/2033316 to your computer and use it in GitHub Desktop.
jQuery toggle with hashtag detection
$(document).ready(function() {
$('dt').prepend('<img class="toggle" src="images/arrow.png" width="9" height="9" /> ');
var hashTag = window.location.hash.substring(1);
$('dd').each(function(i) {
var itemAnchor = $(this).prev('dt').find('a[name]').attr("name");
if ( itemAnchor == hashTag ) {
$(this).show();
}
else {
$(this).hide();
}
});
$('dt a').click(function() {
if ($(this).parent().next('dd').css("display") == "none" ){
$(this).parent().next('dd').slideToggle();
$(this).parent().find("img.toggle").rotate({animateTo:90});
}
else if ($(this).parent().next('dd').css("display") == "block" ){
$(this).parent().next('dd').slideToggle();
$(this).parent().find("img.toggle").rotate({animateTo:0});
}
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment