Jquery Wordpress首頁閱讀更多的滑塊

Question

嗨，我一直在使用WordPress的「滑動閱讀更多」插件來擴展在FrontPage中閱讀更多文章。該插件的工作原樣。但是當我點擊read-more鏈接時，我也需要它水平擴展。目前它只在第二次點擊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盒與其他人重疊等

希望這會有所幫助。