jquery in div-i

Gumbi
<li><button id=test1>1.Skrij/pokaži</button></li>
<li><button id=test2>2.Skrij/pokaži</button></li>

<script type="text/javascript">
$("#test1").click(function () {
   $("#div1").toggle(1000);
   $("#div2").hide(500);
});

$("#test2").click(function () {
   $("#div2").toggle(1000);
   $("#div1").hide(500);
});
</script>

<div id="div1" style="display:none"><font color="red"> div 1 - Testiram če dela show - hide</font></div>
<br /><br /><div id="div2" style="display:none"><font color="blue">div 2 - Testiram če dela show - hide</font></div>

$("#test1").click(function () {
   $("#div2").hide(500);
   $("#div3").hide(500);
   $("#div1").toggle(1000);
});

JayKay je 4. jan 2013 ob 16:34 izjavil:

ce pustimo, da je zadeva non accessible (po defaultu s css skrita vsebina), pol so ti zgoraj odgovorili kje je problem

ce skrijes div (jQuery hugh dodeli display: none ;) se mora skriti VSA vsebina notri v divu.. vkljucno z BRji in Pji in vsem kar je notri

$("#tabs a:eq(0)").trigger("click");

mk818764 je 4. jan 2013 ob 19:31 izjavil:

kaj pomeni tale vrstica?

$("#tabs a:eq(0)").trigger("click");

<link rel="stylesheet" href="/resources/demos/style.css" />

alexa-lol je 5. jan 2013 ob 20:07 izjavil:

ne vem točno kaj je težava... tm is View source skupiram v jsfiddle in dela
http://jsfiddle.net/zfqHv/1/

Drugače v style.css so samo za en tag lastnosti... je zdaj tako našitman da je link absoluten in dela.

$(function(){

	$("#submit-button").click(function(){
		
		$("#loading").fadeIn(100).show();
		
		var from = $("#from").val();
		var subject = $("#subject").val();
		var content = $("#content").val();
		
		var mydata = "from=" + from + "&subject=" + subject + "&content=" + content;
		
		if(from == ""){
			
			$("#error-from").fadeIn(700).show();
			$("#loading").fadeOut(100).hide();
			
		}else if(subject == ""){
			
			$("#error-subject").fadeIn(700).show();
			$("#loading").fadeOut(100).hide();
			
		}else if(content == ""){
			
			$("#error-content").fadeIn(700).show();
			$("#loading").fadeOut(100).hide();
			
		}else{
		
			$.ajax({
				type: "POST",
				url: "send.php",
				data: mydata,
				success: function(){
					
					$("#loading").fadeOut(100).hide();
					$("#form").fadeOut(100).hide();
					$('#message-sent').fadeIn(500).show();
				}
			});
			
		}
		
	});	
	
});

<?php
$to = "mojmail@gmail.com";
$from = $_REQUEST['from'];
$message = $_REQUEST['content'];
$subject = $_REQUEST['subject'];
$header = "From: <".$from.">" ."\r\n";

mail($to, $subject, $message, $header);
?>

<div id="form">
   <p> Your e-mail:
        <input type="text" style="background-color: #F2EBAE;" size="30" maxlength="40" name="from" />
      </p>
      <p>
        Subject:&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" style="background-color: #F2EBAE;" size="30" maxlength="50" name="subject" />
        </p>
      <p>Message:<br />
            <textarea rows="10" cols="50" wrap="physical" name="content"></textarea>
            <br /><br />
			<center>
            <input type="button" id="submit-button" value="Send message" />
        </p>
</div>
	<div style="display: none;" id="loading"><img src="slike/loading.gif" /><h2>Sending..</h2></div>
	<div style="display: none;" id="message-sent"><h1>Message sent!</h1></div>

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

   from: from_data,
                   subject: subject_data,
                   content: content_data

#tabs li.selected{
    background:#880000; color: #fff;
}

$('#tabs li a').click(function(e){
e.preventDefault();
$('#tabs>li').removeClass('selected');
$(this).closest('li').addClass('selected');
});