• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Html Container klassen vergeben und wegnehmen

TheRideru

Neues Mitglied
Guten Tag Community,

Ich bin gerade beim aufbauen einer Seite und habe jetzt folgendes Problem: Ich habe einen Button mit dem ich einem Container die Klasse collapse-left vergeben willst und sie beim erneuten drücken wieder entnehmen will. Ich habe es auch schon geschaft aber beim drücken des Buttons reloadet sich jedes mal die Seite. Ich möchte es aber ohne das reloaden schaffen. Hat jemand eine Idee?

PS: Meine Rechtschreibung ist nicht so gut ich weiß. Habe LRS :

Hier mal der code:

if (! isset($_SESSION ['hide'])) $_SESSION ['hide'] = "zeigen";
if (! isset($_GET ['s']));
else if ($_GET ['s'] == "verstecken") $_SESSION ['hide'] = "zeigen";
else $_SESSION ['hide'] = "verstecken";
?>
</head>
<body class="bodypub">
<header class="header">
<a href="../index.php" class="logo"><img src="netad_wt.png"
style="width: 70%;"
/></a>
<nav class="navbar" role="navigation">
<a href="?s=<?php echo $_SESSION ['hide']; ?>" id="verstecken"
data-toggle="offcanvas" role="button"
><img src="menu.png" class="png" /> </a>
</nav>
</header>
<article class="inside">
<?php
if ($_SESSION ['hide'] == "verstecken") echo "<aside class='leftside collapse-left'>";
else echo "<aside class='leftside'>";
?>
 
Werbung:
Wieso ajax? das hat nichts damit zu tun. Einfach mit javascript bzw jquery die klassen entfernen bzw hinzufügen.
 
Werbung:
Habe ich jetzt gemacht mit den Klassen aber jetzt kommt folgendes Problem ich habe zwei <aside> container der eine hat die Klasse "leftside" und der andere die Klasse "rightside" komischerweise geht mein jquery nur auf die "rightside" und nicht auf die "leftside"

Hier mein jquery code:

<nav class="navbar" role="navigation">
<a href="#" id="verstecken"
data-toggle="offcanvas" role="button"
><img src="menu.png" class="png" /> </a>
</nav>
</header>
<script>
$("#verstecken").click(function(){
$("article").addClass(function(index, currentClass) {
if(currentClass == "inside"){
$("aside").last().addClass("strech");
$("aside").last().addClass("collapse-left");
}
});
});
</script>
<article class="inside">
<aside class='leftside'>
<section class="sidebar">
<ul class="s-menu">
<li class="navside active"><a href="index.php"><i class="fa fa-dashboard">Dashboard</i></a></li>
<li class="navside"><a href="Balance.php"><i class="fa fa-dashboard">Balance</i></a></li>
<li class="navside"><a href="Installation.php"><i class="fa fa-dashboard">Installation</i></a></li>
</ul>
</section>
</aside>
<article></article>
<aside class='rightside'>
 
Zurück
Oben