2012-04-27 29 views
0

imagebuttonをクリックしたときに右からスライドしている固定divがあります。 divは別のhtmlファイルを読み込みます。ボタンをもう一度クリックすると、元の状態に戻ります。jquery + css関数呼び出しを追加しています。

私は、divを隠すだけにスライドするdivの内側に新しい「トグル」ボタンを追加したいと思いますが、divの中に何かを追加しようとすると示されていない。

どうすればこの問題を解決できますか?

<Style> 
#help_div 
{ 
    position:fixed; 
    top: 50px; 
    right: 0px; 
    height: 500px; 
    width: 500px; 
    padding: 20px; 
    overflow-y: scroll; 
    background-color:white; 
    border: 1px solid gray; 
    display: none; 
} 
</style> 

<script type="text/javascript"> 
    var inp; 
    var posX; 
    var posY; 

     $(document).ready(function() { 

     }); 

     //Helping DIV 
     function DisplayHelp(input) { 
      if ($("#input").attr("title") == input) { //|| $("div#help_div").css("display") == "none") { 

      } 

      if ($("div#help_div").css("display") == "none") { 
       $("div#help_div").empty(); 
       $("div#help_div").animate({ width: 'toggle' }, 1000); 
       $("div#help_div").load("helpfiles/" + input + ".html"); 
       inp = input; 
      } 
      else if(inp == input){ 
       $("div#help_div").animate({ width: 'toggle' }, 500); 
       $("div#help_div").empty(); 
       inp = null; 
      } 
      else if (inp != input) { 
       $("div#help_div").empty(); 
       $("div#help_div").load("helpfiles/" + input + ".html"); 
       inp = input; 
      } 
     }  
</script> 


<div id="help_div" class="roundedCorners"></div> 
    <img src="/images/help_qa.png" onclick="DisplayHelp('help1')" alt="Helping text" /> 

答えて

0

次のコードを使用して、HTMLページを読み込んだ後に新しい要素を追加できます。 :

あなたは新しい要素を追加しようとしましたが、読み込んだ後に新しい要素を正確に追加しようとしましたか?

関連する問題