Hiding/Showing Table Cells With JQuery Depending On RadioButtonList

Here is jquery code which hides my table cells with the ID of .style2:

$('#myRadioButtonList').change(function() {
if ($(this).attr('checked') == true && $(this).val() == "HB") {
$('.style2').hide("slow");
};
});

and here is my radiobuttonlist

<asp:RadioButtonList ID="myRadioButtonList" runat="server">
<asp:ListItem Selected="True" Value="HB">None</asp:ListItem>
<asp:ListItem Value="HOBSKS">Service </asp:ListItem>
<asp:ListItem Value="OBAKS">Open Service</asp:ListItem>
<asp:ListItem Value="BBKS">Close Service</asp:ListItem>
</asp:RadioButtonList>

I am inspired by this topic

[URL]

This way my jquery is not working, there are mistakes in the part

if ($(this).attr('checked') == true && $(this).val() == "HB")

I tried those two conditions above alone, and they both are not working. I need to reach to my radiobuttons but seems like I can't. Then how should I write that part in order to make my code work.