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" />