Hej jeg tænkte på om der var nogen der havde tid til at hjælpe mig, med nogle jquery bokse..
Hej eksperten.dkJeg har sådan nogle iconer, hvor man trykker på dem så kommer der en boks med noget tekst i...
Og de virker også helt fint..
Men jeg vil gerne have sådan at man kun kan åbne en af gangen, så hvis man har en åben i forvejen og man prøver at åbne en anden, så skal den der var åben lukkes... Hvis i forstår...
I kan se siden her, :
http://empresa.prowdesign.dk/people/profile.php#
Der er tre iconer ved logoet...
Og her er koden til de 3 iconer...
var state = false;
$(document).ready(function() {
$('#EmFriend').click(function(e) {
e.stopPropagation();
if(!state) {
$("#EmFriendrequests").css("display", "block");
$("#EmFriend").addClass("EmFriendrequestsBtnToggler");
state = true;
}else {
$("#EmFriend").removeClass("EmFriendrequestsBtnToggler");
$('#EmFriendrequests').hide();
state = false;
}
});
$('#EmNotifi').click(function(e) {
e.stopPropagation();
if(!state) {
$("#EmNotifications").css("display", "block");
$("#EmNotifi").addClass("EmNotificationsBtnToggler");
state = true;
}else {
$("#EmNotifi").removeClass("EmNotificationsBtnToggler");
$('#EmNotifications').hide();
state = false;
}
});
$('#EmMessage').click(function(e) {
e.stopPropagation();
if(!state) {
$("#EmMessages").css("display", "block");
$("#EmMessage").addClass("EmMessagesBtnToggler");
state = true;
}else {
$("#EmMessage").removeClass("EmMessagesBtnToggler");
$('#EmMessages').hide();
state = false;
}
});
$(document).click(function() {
if(state) {
$("#EmFriend").removeClass("EmFriendrequestsBtnToggler");
$('#EmFriendrequests').hide();
$("#EmNotifi").removeClass("EmNotificationsBtnToggler");
$('#EmNotifications').hide();
$("#EmMessage").removeClass("EmMessagesBtnToggler");
$('#EmMessages').hide();
state = false;
}
});
});
// HTML.
<div id="EmPack">
<div id="EmFriend"><a href="#" title="Friend Requests"></a></div>
<div id="EmNotifi"><a href="#" title="Notifications"></a></div>
<div id="EmMessage"><a href="#" title="Your Messages"></a></div>
<div id="EmFriendrequests" style="display: none;"><p style="font-weight: bold;">Friend Requests ( <?php echo friendrequests_count( $mysqli ); ?> ).</p></div>
<div id="EmNotifications" style="display: none;"><p style="font-weight: bold;">Notifications ( <?php echo notifikation_count( $mysqli ); ?> ).</p></div>
<div id="EmMessages" style="display: none;"><p style="font-weight: bold;">Your Messages ( <?php $output = yourmessages_count( $mysqli ); ?> ).</p></div>
</div> <!-- EmPack ends here -->
Håber i kan vise mig hvordan man gør, altså lære mig det. måske.
Tak... ;P
