更改jQuery选项卡上的固定内容

Question

Having trouble with jQuery $('#tabs').tabs(); As seen here JSFIDDLE the content that contains an external php file

 <li class="files">

                <a href="msg_inbox.php">Compose Message</a>
            </li>

is constantly being shown even when other tabs are hovered upon.I want to eventually change all the anchor tags and link them to other php files. I would like to understand why this fixed content is so and how to eliminate this problem as well as an other tips one may have. I'd greatly appreciate it.

Answer 1

Replace

event:'mouseover'

With

event:'click'

Demo - http://jsfiddle.net/qTXnN/5/

Update

Thats because <a href="msg_inbox.php"> should be <a href="#one">