<a href="#" id="hideShow">My Title</a>
<div id="message" style="visibility:hidden; border: 1px solid #777; width: 400px; padding: 1%;">
    Blah Blah Blah Blah
</div>


<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">

    $("#hide").toggle(
        function(){$("#message").show();},
        function(){$("#message").hide();},
});

</script>

$("#hideShow").click(function(){
   $("#message").toggle();
});

$("#hideShow").click(function() {
        $("#message").toggle();
    });

$(document).ready(function() {
        $("#message").show(4000);
        $("#message").hide(3000);
    });

$(function () {
$("#hideShow").click(function () {
    $("#message").toggle();
});

Try This:

  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#hide_show").click(function() {
         $("#message").toggle();
       });
    });
</script>

<a href="#"  id="hide_show" title="toggle(show/hide)">My Title</a>
<div id="message" style=" display:none; border: 1px solid #777; width: 400px; padding: 1%;">
    Blah Blah Blah Blah
</div>

<a href="#" id="hideShow">My Title</a>
<div id="message" style="display:none; border: 1px solid #777; width: 400px; padding: 1%;">
  Blah Blah Blah Blah
</div>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function(){
  $("a#hideShow").bind("click", function(){
    $("#message").toggle();
 });
});
</script>

$("#hideShow").click(function(){
   $("#message").toggle();
});