get custom attribute from html tag

Question

this is my code:

<span class="button small pop1" data-bpopup='{"transition":"slideDown","speed":850,"easing":"easeOutBack"}'>Pop it up</span>

How can I get data-bopopup attribute with jQuery?

Thanks a lot.

Answer 1

To get the whole thing:

$('.button').data('bpopup')

To get the transition value, you can do:

$('.button').data('bpopup').transition;