Any Simpler way to Write this jQuery code

Question

I'm new to this Area of Javascript and jQuery. Aplogize if this is a Silly Question. Hope you'll understand.

$(document).ready(function(){
    $(".fbbtn").click(function(){
        $(".aboutmeshow").hide(function(){
            $(".regtable").hide(function(){
                $('.dndtable').hide(function(){
                    $(".fbtable").slideToggle();
                });
            });
        });
    });
});

Let me Elaborate the Scenario what i tried here.

This is my UI which has 4 button. When clicking on each button it show its <div> element and hides others button <div>. and above javascript code is only for one button which i given. Look at the Screenshots below

User Interface

Click on Feedback Button

Clicking on About me Button hides the feedback button with an effect

Hope this clarifies the Doubt on why am doing this

It 's not make any sense to doing next job in callback since you hidding elements instantly, without any timeout — Sojtin, Jul 20 '16 at 07:34
There is no animation involved, why are you passing the following lines as callbacks? — haim770, Jul 20 '16 at 07:35
Note that the best answer in the duplicate question is the third one: http://stackoverflow.com/a/11354378/519413 — Rory McCrossan, Jul 20 '16 at 07:35
$(document).ready(function(){ $(".fbbtn").click(function(){ $('.aboutmeshow, .regtable, .dndtable').hide(); $('.fbtable').slideToggle(); }); }); This should to the same. — DannielR, Jul 20 '16 at 07:52
Please check the Question Updates Above on why am doing this. thank you for all the response. — Jeeva, Jul 20 '16 at 08:27

Any Simpler way to Write this jQuery code

0 Answers0