0

フィードバック パネルがありますが、問題は、それをクリックすると、ナビゲーションがフィードバック パネルの一部のコンテンツを上書きすることです。

上の画像でわかるように、メール入力フィールドはブロックされています。

質問

私がやりたいことは、ユーザーがフィードバックをクリックすると、 が左に浮かび、ユーザーが必要なものを入力できるようになり、もう一度<nav>クリックしてに戻ることです。feedbacknavcenter

ナビゲーションバーのCSS

nav{
text-align:center;
}

html

<div class="panel">
    <h3>Sliding Panel</h3>
    <p>Here's our sliding panel/drawer made using jQuery with the toggle function and some CSS3 for the rounded corners</p>

    <p>This panel is placed on the right instead of on the left. This could be particularly useful if, <a href="http://spyrestudios.com" title="SpyreStudios">like me</a>, you have a left-aligned website layout.</p>



<div style="clear:both;"></div>
4

2 に答える 2

0

JavaScript 

<script type="text/javascript">
$(document).ready(function(){
    $(".trigger").click(function(){
        $(".panel").toggle("fast");
        $('nav').toggleClass('moved');
        $(this).toggleClass("active");
        return false;
    });
});
</script>

CSS

.moved{
float:left;
}
于 2013-07-06T13:32:09.053 に答える