Change inline onclick to unobtrusive jquery

Question

Hi,

I need to target all links with a class of hslide and attach this to them. Any jquery guru's out there know how to do this?

onclick="return hs.expand(this, { slideshowGroup: 'groupC0',  wrapperClassName: 'rounded-white', outlineType : 'rounded-white', dimmingOpacity: 0.8,  align : 'center',  transitions : ['expand', 'crossfade'], fadeInOut: true });"

Thanks, C

Answer 1

$(document).ready(function() {
    $('a.hslide').click(function() {
        return hs.expand(this, {
            slideshowGroup: 'groupC0',
            wrapperClassName: 'rounded-white',
            outlineType : 'rounded-white',
            dimmingOpacity: 0.8,
            align : 'center',
            transitions : ['expand', 'crossfade'],
            fadeInOut: true
        });
    });
});

Answer 2

Set a class on that object, then select it with jQuery and then add the onclick event to an anonymous function.

$(document).ready(function() {
   $(INSERT CLASS HERE).click(function() {
       return hs.expand(this, {
           slideshowGroup: 'groupC0',
           wrapperClassName: 'rounded-white',
           outlineType : 'rounded-white',
           dimmingOpacity: 0.8,
           align : 'center',
           transitions : ['expand', 'crossfade'],
           fadeInOut: true
       });
   });
});