Response title
This is preview!
using jquery to show/hide a div element but how to add the height of the element when the dom is not being re-rendered
in Using jQuery
•
2 years ago
<script type="text/javascript">
$(document).ready(function() {
$('.general').after('<a href="#" class="toggle-link">[Read More]</a>');
$(".general").hide();
$('.toggle-link').click(function(e) {
e.preventDefault();
var $link = $(this);
if ($link.data('expanded') == true) {
$link.data('expanded', false);
$link.text('[Read More]');
} else {
$link.data('expanded', true);
$link.text('[Close]');
}
$link.prev(".general").slideToggle()
});
});
Works very well apart from not adding the heights of the unhidden divs to the overall page height as rendered by the DOM, btw using the above method becasue the results are ina forloop so only want to unhide section by section
any clues please
$(document).ready(function() {
$('.general').after('<a href="#" class="toggle-link">[Read More]</a>');
$(".general").hide();
$('.toggle-link').click(function(e) {
e.preventDefault();
var $link = $(this);
if ($link.data('expanded') == true) {
$link.data('expanded', false);
$link.text('[Read More]');
} else {
$link.data('expanded', true);
$link.text('[Close]');
}
$link.prev(".general").slideToggle()
});
});
Works very well apart from not adding the heights of the unhidden divs to the overall page height as rendered by the DOM, btw using the above method becasue the results are ina forloop so only want to unhide section by section
any clues please
1
