Problem z divem z jquery

pytanie zadane 3 września 2017 w JavaScript przez prymex Obywatel (1,250 p.)

Hej mam taki problem że stworzyłem window dialog z algorytmem losującym liczbę i otwierającym dane okno i ogólnie wszystko fajnie działa ale divy które są tam porobione są widoczne gdy tego nie potrzebuje po prostu to co jest w tych divach jest widoczne na ekranie a chciał bym to zmienić

Tutaj kod:

<!DOCTYPE>
<html>
<head>
 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>

<form method="post">
<input type="submit" name="klik" value="kliknij" />
</form>

<div id="dialog" title="Basic dialog"><p>elo</p></div>
<div id="dialog2">2</div>

<?php

if (isset($_POST['klik']))
{
	$liczba	= rand(0,2);

	
		if ($liczba == 1) 	
		{
		?>
	<script>
			$( function() {
			$( "#dialog" ).dialog({
			autoOpen: false,
			hide: {
			effect: "explode",
			duration: 1000
			}
		});
		$( function() {
		 $( "#dialog" ).dialog( "open" );
	});
			});
  </script>
	<?php  
		}
		
		if ($liczba == "2")
	
	{
		?>
		<script>
			$( function() {
			$( "#dialog2" ).dialog({
				autoOpen: false,
				hide: {
				effect: "explode",
				duration: 1000
				}
			});
			 $( "#dialog2" ).dialog( "open" );
		});
</script>
		<?php
	}
	
	
	}


?>
</body>
</head>

1 odpowiedź

odpowiedź 3 września 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)

Stwórz sobie klasę w w pliku .css tzw. visuallyhidden. Jest parę możliwości, ale polecam tak:

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

Wtedy do tych divów dopisz po prostu: class="visuallyhidden".