Aren't you better off using the technique described "Disabled State" at: http://twitter.github.io/bootstrap/base-css.html#buttons ?
Also, since you are doing $(documen).ready, there is no need to separately add onclick JavaScript event handler on button#mybtn2. Regards, Kedar On Tue, May 28, 2013 at 8:41 AM, <[email protected]> wrote: > Hi All, > > I'm newbie to CSS and jquery. > > I have a few buttons with the Bootstraps CSS class 'btn btn-primary'. When > a button is clicked I replace the CSS of that button from 'btn btn-primary' > to only 'btn' so the user is able to know what button was clicked (using > jquery). > > My problem is that when a second button is clicked the previous clicked > button does not change its CSS back from 'btn' to 'btn btn-primary''. > > How can I achieve aforementioned behavior please? > > here is the relevant code: > > > jquery > $( document ).ready(function() { > > $('.btn').click(function () { > $(this).removeClass('btn btn-primary'); > $(this).addClass('btn'); > }); > }); > > buttons > <button id="mybtn1" class="btn btn-primary">My Button1</button><br /><br /> > <button id="mybtn2" class="btn btn-primary" onclick="func(this.id)">My > Button2</button> > > > Thanks in advance > > Yaron. > > > > -- > You received this message because you are subscribed to the Google Groups > "twitter-bootstrap" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
