Hallo ihr Lieben,
vielleicht könnt ihr mir helfen.
Ich habe folgenden Code:
$(".facts").click(function(e) {
if($(this).height() >50) {
$(this).animate({height:50+'px'});
$(this).find('.servicedrop').toggleClass('fa-caret-up fa-caret-down');
$(this).removeClass("facts_active");
}else{
if ( $(".facts_active").length) {
$(".facts_active").animate({height:50+'px'});
}
$(this).animate({height:350 + 'px'});
$(this).find('.servicedrop').toggleClass('fa-caret-down fa-caret-up');
$(this).addClass("facts_active");
}
});
Ist es möglich, das die Höhe beim aufsliden nicht genau 350 Pixel hoch ist, sondern sich automatisch aus dem Inhalt zieht? Also im CSS wäre es ja height:auto; ... aber das funktioniert hier nicht so einfach. Zudem würde ich gern eine Mindesthöhe angeben. Also im CSS min-height:350px; height:auto; ... wie kann ich das hier im JS umsetzen?
Lieben Dank schon einmal!!!
Jasmin
vielleicht könnt ihr mir helfen.
Ich habe folgenden Code:
$(".facts").click(function(e) {
if($(this).height() >50) {
$(this).animate({height:50+'px'});
$(this).find('.servicedrop').toggleClass('fa-caret-up fa-caret-down');
$(this).removeClass("facts_active");
}else{
if ( $(".facts_active").length) {
$(".facts_active").animate({height:50+'px'});
}
$(this).animate({height:350 + 'px'});
$(this).find('.servicedrop').toggleClass('fa-caret-down fa-caret-up');
$(this).addClass("facts_active");
}
});
Ist es möglich, das die Höhe beim aufsliden nicht genau 350 Pixel hoch ist, sondern sich automatisch aus dem Inhalt zieht? Also im CSS wäre es ja height:auto; ... aber das funktioniert hier nicht so einfach. Zudem würde ich gern eine Mindesthöhe angeben. Also im CSS min-height:350px; height:auto; ... wie kann ich das hier im JS umsetzen?
Lieben Dank schon einmal!!!
Jasmin