Web ページに、div の非表示/表示機能を備えた基本的な jQuery スクリプトがあります。
.newboxes2
うまく機能しますが、「非表示」の div ( ) 内のリンクが期待どおりに機能しないことに気付きました。それらをクリックすると、Google に移動することを期待しています。
これを修正するためにコードを更新する方法を誰かが説明できますか?
これが私のjsFiddleで、うまくいけば私の要点を示しています。
jQuery:
$(document).ready(function() {
$('.showscroll').bind('click', 'h2, h3', function(e) {
e.preventDefault();
$(this).toggleClass('active');
$(".newboxes2").not($(this).find(".newboxes2")).slideUp();
$(this).find('.newboxes2').slideToggle();
if($(this).is('.active') ) {
$(this).find('img.small').attr('src', '/wp-content/themes/boilerplate/images/image_corner_btn_onstate.png');
} else {
$(this).find('img.small').attr('src', '/wp-content/themes/boilerplate/images/image_corner_btn_offstate.png');
}
if (this.id === 'service29') {
$('html, body').animate({
scrollTop: $(this).find('h2').offset().top
}, 1000);
}
});
});
ありがとうございました :-)