Question

I have a facebook bubble notification. If the user would click the View All messages, the messages tab should be opened. How can I achieve this?

this is what I’ve tried:

<script>
$('.view_applications').click(function(){
$( "#tabs" ).tabs("select", "#tabs-5" );
return true;
});</script>


<div class="bbbbbbb" id="view<?php echo $id; ?>">
                <div style="background-color: #F7F7F7; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; position: relative; z-index: 100; padding:8px; cursor:pointer;">
                <a href="#" class="view_applications" id="<?php    echo $id; ?>">View all <?php echo $comment_count; ?> application/s</a>
                </div>
            </div>

But it’s not displaying the desired tab. Any help is appreciated. Thanks.

Answer 1

You haven’t initalized the DOM ?

$(document).ready(function(){    
   // do your work here



        $('.view_applications').click(function(){
        $( "#tabs" ).tabs("select", "#tabs-5" );
          return false;
         });



});

EDIT :

First initialize your tabs when document is ready :

$('#tabs').tabs();

then select your desired tab :

$('.view_applications').click(function(){
  $( "#tabs" ).tabs("select", "#tabs-5" );
  return false;
});

—–see the return false; ———-