[jQuery] Newbie: Feedback, advice needed
Hi,
I've two simple functions for changing a div's content with image
thumbnails. When hovered a thumbnail holder div's content changes. The
code works fine. But I don't feel this functions are well written...
Could you please have a look at them? Is there a better way (design,
code...) to do what I'm triying?
jQuery.fn.selectMain = function() {
jQuery("#mains div").hide();
jQuery("#main1").show();
jQuery("#thumbnails li").eq(0).addClass("active");
return jQuery("#thumbnails li").hover(function(){
jQuery("#mains div").hide();
jQuery("#thumbnails li").removeClass("active");
var main = $(this).find("a").attr("rel");
$(this).addClass("active");
jQuery("#" + main).show();
}, function() { }
);
};
jQuery.fn.selectVideo = function() {
jQuery("#vid_thumbnails li").eq(0).addClass("active");
return jQuery("#vid_thumbnails li").hover(function(){
jQuery("#video_news .main_image").empty();
var new_vid = $(this).html();
var new_title = $(this).find("img").attr("alt");
var new_content = new_vid + "<h2>" + new_title + "</h2>";
jQuery("#video_news .main_image").append(new_content);
}, function() { }
);
};