2012-02-05 6 views
0

こんにちは私は、WordPressの "Sliding Read More"プラグインを使用して、フロントページの読み込み後のテキストを拡大しています。このプラグインはそのまま動作します。しかし、それ以上のリンクをクリックすると、横方向にも展開する必要があります。現時点では、div空間の2回目のクリックで水平方向にのみ拡張されています。サイトは:www.platformbk.nl - ありがとう!ここでWordpressのフロントページ用のJquery Read-sliderスライダー

コードです:で

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

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; 
}); 
}); 

答えて

0

は、このラインを交換してみ

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

そして、多分戻ってそれだとサイズを変更するために、条件付きブロックのそれをカプセル化トグル時の前幅。
しかし、あなたのDivボックスが他のものと重なっているような他の問題に遭遇することはおそらくあります。

関連する問題