Слайдер Jquery Read-more для первой страницы Wordpress

Question

Привет! Я использовал плагин «Sliding Read More» для WordPress, чтобы развернуть текст после прочтения на главной странице. Плагин прекрасно работает как есть. Но мне нужно, чтобы он также расширялся по горизонтали при нажатии на ссылку «читать дальше». На данный момент он расширяется только по горизонтали с помощью второго щелчка мышью в пространстве div. Сайт: www.platformbk.nl - СПАСИБО!

Вот код:

var $jslide = jQuery.noConflict();

$jslide(document).ready(function() {

// MY CODE BELOW
var modWidth = 679;
var origWidth = 326;

$('div.box-content').click(function () {
$(this).width(modWidth);
});

// initialise the visibility check
var is_visible = false;

// append show/hide links to the element directly preceding the element with a class of        "toggle"
$jslide('.toggle').prev().append(' <a href="#" class="toggleLink">'+showText+'</a>');

// hide all of the elements with a class of 'toggle'
$jslide('.toggle').hide();

// capture clicks on the toggle links
$jslide('a.toggleLink').click(function() {

// switch visibility
is_visible = !is_visible;


// change the link depending on whether the element is shown or hidden
$jslide(this).html( (!is_visible) ? showText : hideText);

// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);
$jslide(this).parent().next('.toggle').toggle('slow');

// return false so any link destination is not followed
return false;
});
});

Answer 1

Попробуйте заменить эту строку:

$jslide(this).parent().next('.toggle').toggle('slow');

с:

$jslide(this).parent().parent().animate({width: '679'}, {duration: "slow" });
$jslide(this).parent().next('.toggle').animate({width: '679'}, {duration: "slow" });

Тогда, возможно, инкапсулируем это в условный блок, чтобы при переключении изменить размер до прежней ширины.
Но вы, вероятно, столкнетесь с другими проблемами, такими как переплетение блоков div с другими и т. Д.

Надеюсь, это поможет.