//各ページ共通のナビゲーションなど
$(function() {
    $("h1").prepend($('<a></a>').attr("href", "http://jquery.com").addClass('logo')
        .html($('<img />').attr({
            width : 110, height : 31, 
            src : "../jq.png", 
            alt : "jQuery" }
    )))
    .before(
        $('<ul id="topic-path"></ul>')
        .append($('<li></li>').html('<a href="/">home</a>'))
        .append($('<li></li>').html('<a href="../index.html">jquery</a>'))
     );
        //.append($('<li></li>').html('<a href="../../">code</a>'))
    $('.more').each(function(el){ 
        var self = this;
        $(this).hide().before(
        $('<p class="more-toggle">more ..</p>')
        .css({"text-align":"right",'color':'#03d','font-size':'x-small'}).toggle(
            function(){ 
                $(self).slideDown(); 
                $(this).text('[hide]'); 
            },
            function(){ 
                $(self).slideUp(); 
                $(this).text('more ..'); 
            }
        ))
    });
});